:root{--dark-back:#232e2b;--light-text:#edf7f4;--light-gray:#c9d1cf;--light-text-rgb:237,247,244;--h1-page-title:5rem;--h2-title:2rem;--h3:1.7rem;--h4:0.85rem;--border-radius:16px;--padding:15px;--gap:10px}html{height:100%}body{width:100%}#root,body{background-color:#232e2b;background-color:var(--dark-back)}#root{color:#c9d1cf;color:var(--light-gray);margin:5%}@media (max-width:1024px){#root{height:90rem}#bbox-wrap #photo{width:80vw}}@media (max-width:768px){#root{--h1-page-title:3.33333rem;--h2-title:1.33333rem;--h3:1.41667rem;--h4:0.70833rem;height:85rem}#bbox-wrap #bbox-g1{justify-content:space-evenly;width:95%}#bbox-wrap #bbox-g2{align-items:center;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center;width:95vw}#bbox-g2 #proj,#bbox-g2 #social{width:60%}#bbox-wrap #photo{width:80vw}.photo-app .btn{width:5rem}.photo-app .photo-header h1{font-size:2rem}}.hello{align-items:center;background-color:var(--dark-back);color:var(--light-gray);display:flex;justify-content:space-around;margin:5% auto;max-width:1700px}#center{height:50vh}#center,#error-wrap{align-items:center;display:flex;justify-content:center}#error-wrap{flex-direction:column;height:15rem}#error-wrap #error-msg{margin:2rem auto;text-align:center}#error-wrap #error-msg h1{padding-bottom:2rem}.btn{border:1px solid var(--light-gray);border-radius:var(--border-radius);color:var(--light-gray);cursor:pointer;font-size:1.2rem;margin-top:var(--padding);padding:var(--padding);text-align:center;width:10rem}.btn:hover{animation:btn-hover .3s ease 0s 1 forwards}.btn:not(:hover){animation:btn-hover-rev .3s ease 0s 1 forwards}.btn:active{animation:btn-active .3s ease 0s 1 forwards}@keyframes btn-hover{to{backdrop-filter:blur(3.8px);-webkit-backdrop-filter:blur(3.8px);background:rgba(0,0,0,.062);border:1px solid var(--light-text);border-radius:var(--border-radius);box-shadow:0 0 0 5px var(--light-text)}}@keyframes btn-hover-rev{0%{backdrop-filter:blur(3.8px);-webkit-backdrop-filter:blur(3.8px);background:rgba(0,0,0,.062);border:1px solid var(--light-text);border-radius:var(--border-radius);box-shadow:0 0 0 5px var(--light-text)}}@keyframes btn-active{to{background-color:var(--light-text);color:var(--dark-back)}}#loading{animation:load-anim .5s ease-in-out infinite}@keyframes load-anim{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}a:active,a:link,a:visited{color:var(--light-gray);text-decoration:none}a:hover{color:var(--light-text);text-decoration:underline}#wrap{align-items:center;display:flex;flex-direction:column;flex-wrap:nowrap;font-size:var(--h4);justify-content:center;margin:5% auto;width:95%}#title{font-size:var(--h1-page-title);padding:var(--padding);text-align:center}#bbox-wrap{flex-direction:row;flex-wrap:wrap;gap:30px;height:35rem}#bbox-g1,#bbox-wrap{align-items:center;display:flex;justify-content:space-around}#bbox-g1{flex-direction:column;flex-wrap:nowrap;height:100%;width:30rem}#bbox-g2{display:flex;flex-direction:row;flex-wrap:wrap;gap:calc(var(--gap)*3);justify-content:space-evenly;width:30rem}.bbox{border:1px solid var(--light-gray);border-radius:16px;padding:var(--padding);text-align:center}.bbox:hover{animation-play-state:running;animation:bbox-hover .3s ease-in 0s 1 forwards;border:1px solid var(--light-text);color:var(--light-text)}.bbox:not(:hover){animation-play-state:running;animation:rev-bbox-hover .3s ease-in 0s 1 forwards}@keyframes bbox-hover{to{backdrop-filter:blur(3.8px);-webkit-backdrop-filter:blur(3.8px);background:rgba(0,0,0,.062);box-shadow:0 10px 0 0 var(--light-text)}}@keyframes rev-bbox-hover{0%{backdrop-filter:blur(3.8px);-webkit-backdrop-filter:blur(3.8px);background:rgba(0,0,0,.062);box-shadow:0 10px 0 0 var(--light-text)}}.box-title{font-size:var(--h2-title)}.box-title,.sbox-title{text-decoration:underline}.sbox-title{font-size:var(--h3);padding-bottom:var(--padding)}#name{align-items:center;animation:name-shadow-move 2s ease-in-out infinite;animation-direction:alternate;border:none;cursor:default;display:flex;font-size:var(--h1-page-title);justify-content:center;overflow:visible}@keyframes name-shadow-move{0%{color:var(--light-gray);text-shadow:0 0 rgba(var(--light-text-rgb),0),0 0 rgba(var(--light-text-rgb),0),0 0 rgba(var(--light-text-rgb),0),0 0 rgba(var(--light-text-rgb),0),0 0 rgba(var(--light-text-rgb),0)}to{color:var(--light-text);text-shadow:0 10px rgba(var(--light-text-rgb),.08),0 20px rgba(var(--light-text-rgb),.06),0 30px rgba(var(--light-text-rgb),.04),0 40px rgba(var(--light-text-rgb),.02),0 50px rgba(var(--light-text-rgb),.01)}}#proj,#social{width:40%}#social-wrap{width:100%}#soc-tb{align-items:center;display:flex;flex-direction:column;flex-wrap:nowrap;gap:var(--gap);justify-content:center;padding:0 var(--padding)}#photo{cursor:pointer;height:30rem;overflow:hidden;width:30vw}#bbox-wrap #photo #box-photo img{display:block;height:100%;left:50%;object-fit:cover;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%;z-index:-5}.photo-item-wrap{display:block}.photo-item-wrap .photo-item{background-color:#fff;overflow:hidden;transition:transform .3s ease,padding .3s ease,scale .3s ease;z-index:1}.photo-item:hover{cursor:pointer;padding:5px;scale:125%;transform:translateY(-5px);z-index:5}.photo-item img{display:block;height:250px;object-fit:cover;width:100%}.no-scroll{background-color:var(--dark-back);height:100vh;overflow:hidden;overscroll-behavior:0}.lightbox{background-color:#000000e6;inset:0;max-height:100vh;object-fit:contain;position:fixed;z-index:10}.lightbox,.lightbox .lb-wrap{align-items:center;display:flex;justify-content:center}.lightbox .lb-wrap{flex-direction:column;flex-wrap:nowrap;max-height:85vh;position:relative}.lb-img{cursor:default;max-height:70vh;object-fit:contain}.lb-wrap .lb-close-btn{background:none;border:none;color:var(--light-gray);cursor:pointer;font-size:1rem;font-weight:bolder;padding:var(--padding)}.photo-caption{color:#333;font-size:.9rem;padding:var(--padding);text-align:center}.photo-placeholder{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;height:200px;width:100%}.photo-error{align-items:center;background-color:var(--light-gray);color:red;display:flex;font-size:.9rem;font-weight:bolder;height:200px;justify-content:center;width:100%}@keyframes loading{0%{background-position:-200% 0}to{background-position:200% 0}}.photo-wall{flex-direction:row;flex-wrap:wrap;gap:20px;padding:1rem 4rem}.photo-wall,main{align-items:center}.photo-header,.photo-wall,main{display:flex;justify-content:center}.photo-header h1{color:var(--light-text);font-size:var(--h1-page-title);margin:5px}.error-message,.loading-message{font-size:1.2rem;padding:40px;text-align:center}.error-message{color:#d9534f}
/*# sourceMappingURL=main.46b5df01.css.map*/