body,html{padding:0;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.app{width:100%;box-sizing:border-box}.title{margin:0 auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:1em;color:#40ecb3}.header{justify-content:center}.header,nav{width:100%;display:flex;align-items:center}nav{justify-content:space-evenly}nav a{color:inherit;text-decoration:none;color:#40ecb3;font-size:3rem;font-weight:800}nav a:hover{color:#46b38e}.wrapper{margin-right:auto;margin-left:auto;max-width:1200px;padding-right:10px;padding-left:10px}.gallery{width:auto;display:flex;justify-content:center;flex-wrap:wrap}.picFrame{position:relative;width:300px;margin:.2em;overflow:hidden;padding:.3em}.image{width:100%;display:block;transition:all .8s;cursor:zoom-in}.image:hover{opacity:.5}.Srow{display:flex;margin-left:-30px;width:auto}.ui-box{position:fixed;z-index:1;left:0;top:0;width:100vw;height:100vh;overflow:auto;background-color:#000;background-color:rgba(0,0,0,.4)}.box{position:relative;background-color:#f5f5f5;margin:15% auto;padding:10px 10px 80px;border:1px solid #888;width:75%}.close{color:#aaa;float:right;font-size:28px;font-weight:700;margin:.5em 2em 0 0}.detailBox{margin-left:5em;margin-right:5em;margin-top:4em}.modalDetail{font-size:1.2rem;font-weight:700;color:#aaa}.lowerBox{display:flex;justify-content:space-between}.close:focus,.close:hover{color:#000;text-decoration:none;cursor:pointer}.modalPictureFrame{width:90%;margin:0 auto}.modalPictureFrame img{width:100%;display:block}@media only screen and (max-width:950px){.modalDetail{font-size:.8rem;font-weight:700;color:#aaa;margin:.2em}.lowerBox{display:flex;flex-direction:column}.detailBox{margin-left:3em;margin-bottom:1em}}@media only screen and (max-width:650px){.modalDetail{font-size:.6rem;font-weight:700;color:#aaa;margin:.2em}.lowerBox{display:flex;flex-direction:column}.detailBox{margin-left:2em;margin-bottom:.5em}}@media only screen and (max-width:400px){.modalDetail{font-size:.5rem;font-weight:700;color:#aaa;margin:.1em}.lowerBox{display:flex;flex-direction:column}.detailBox{margin-left:1em}}