@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";.cover{width:428px;height:460px}a{color:inherit;text-decoration:none}#header{justify-content:space-between;width:100vw;z-index:999;background-color:#e8e8e8;position:fixed;top:0;left:0}.nav{display:flex;width:100%;justify-content:space-between}ul.list{display:flex;align-items:center;list-style-type:none;padding:0}ul.left{z-index:1}.nav-item{position:relative;display:flex;margin-left:10px;margin-right:10px;cursor:pointer;font-size:1rem;font-family:Montserrat,sans-serif}.home-item{cursor:pointer;margin-left:10px;margin-right:10px}.home-item img{width:2rem}.nav-item:before{content:"";position:absolute;bottom:-3px;width:0;height:3px;background-color:#00000080;transition:width .2s ease-out}.nav-item.active:before{width:100%;transition:width .2s ease-out}.nav-item:hover{opacity:.8}.nav-item:after{content:"";position:absolute;width:110%;bottom:-3px;right:-5%;height:0;z-index:-1;background-color:#0003;transition:height .1s ease-in}.nav-item:hover:after{height:110%;transition:height .2s ease-out}.nav-icon{position:relative;display:flex;margin-left:10px;margin-right:10px;cursor:pointer}.list-dropdown{margin-top:5px;display:flex;position:absolute;flex-direction:column}.list-dropdown li{opacity:1;background-color:#fff;width:100%;white-space:nowrap;margin-left:-50vw;padding-left:50vw}.list-dropdown.hidden{opacity:0;visibility:hidden;pointer-events:none}.title{display:flex;margin:0;text-align:center;position:absolute;font-size:2.1rem;font-family:Montserrat,sans-serif;height:100%;width:100%;opacity:1;justify-content:center;align-items:center}.title.incomplete p:after,.title-text:hover:after{content:"|";color:#638ea1;display:inline;animation:blink 1s steps(1) infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.hamburger{display:none}@media (max-width: 768px){#header{height:68px}.title{background-color:#e8e8e8;z-index:999;display:flex;position:relative}.hamburger{pointer-events:all;display:flex;position:absolute;right:0;margin-right:16px;align-items:center}.nav{position:relative;background-color:#e8e8e8}.nav.inactive{top:-100%;color:#0000;transition:top .5s ease-out,color .3s ease}.nav.active{top:0;color:#000c;transition:top .3s ease-out,color .3s ease}.home-item{display:none}.list.right li.nav-item{margin:0}.nav-icon{margin-right:0}.nav-icon svg{width:1rem}}#portfolioViewer{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:99999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#0009;transition:opacity .3s ease-out}#portfolioViewer.inactive{opacity:0;pointer-events:none;transition:opacity .3s ease-in}.close{position:absolute;display:flex;align-items:center;justify-content:center;background-color:#0003;border-radius:50%;z-index:9999;width:3rem;height:3rem;top:68px;right:32px}.container{display:flex;width:100%;height:100%;align-items:center;justify-content:center}.image{max-height:100%;max-width:80vw;object-fit:contain}.go-left,.go-right{display:flex;height:100%;align-items:center;margin:24px}@media (max-width: 1024px){.go-left,.go-right{margin:12px}}#portfolio{margin-top:68px;padding:16px 96px 128px;background-color:#fcf9fa;min-height:100vh}@media (max-width: 1024px){#portfolio{padding:100px 16px}}.image-wrapper{margin:8px}.image-wrapper img{opacity:1;cursor:pointer;transition:opacity .8s ease}.image-wrapper img:hover{opacity:.8;transition:opacity .2s ease}#divider{display:flex;position:relative;left:0;height:10vh;background-color:#cfcfe0;align-items:center;font-size:2.5rem;font-weight:700;padding-left:96px}#divider p{position:relative;opacity:1;z-index:1;color:#000;-webkit-mask-image:linear-gradient(to right,black 0%,black 50%,transparent 100%);mask-image:linear-gradient(to right,black 0%,black 50%,transparent 100%);-webkit-mask-size:200% 100%;mask-size:200% 100%;-webkit-mask-position:300% 0;mask-position:300% 0}.wipe-fade{animation:wipeFade 1.5s ease forwards}@keyframes wipeFade{to{-webkit-mask-position:0 0;mask-position:0 0}}#divider p:before{opacity:.4;bottom:0;position:absolute;font-weight:400;width:55%;height:1.5rem;content:"";background-color:#638ea1;z-index:-1}@media (max-width: 1024px){#divider{padding-left:16px}}#published{position:relative;background-color:#fcf9fa;padding:16px 96px 128px}@media (max-width: 1024px){#published{padding:100px 16px}}h3,h4{font-size:2rem;font-weight:400}.rotary{background-color:#fcf9fa;margin:50px;display:flex;overflow-x:auto;overflow-y:hidden}.featured{flex-grow:0;flex-shrink:0;flex-basis:50vh}.projects-wrapper{display:flex;flex-direction:row;justify-content:space-evenly;gap:2rem;margin:0 16px}.project{display:flex;position:relative;background-color:#cde3ec;padding:16px;border-radius:16px;filter:drop-shadow(13px 13px 15px #bbb);width:100%;height:100%;flex-direction:column;transition:scale .1s ease}.project:hover{scale:101%}.project-title{font-size:1.4rem}.project-title a:hover{text-decoration:underline}.project-content{position:relative}.project-overlay{top:-8px;left:-8px;right:-8px;bottom:-8px;position:absolute;opacity:0}.project-overlay:hover{opacity:1;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#fff3}.visit-site{display:flex;width:100%;height:100%;justify-content:center;align-items:center}.visit-site a{color:#fff;text-shadow:0 0 4px rgba(0,0,0,.7);font-weight:600;cursor:pointer}.visit-site a:hover{text-decoration:underline}@media (max-width: 1024px){.projects-wrapper{display:flex;flex-direction:row;gap:2rem;margin:0 16px}}.project-subtitle{opacity:.8;font-style:italic}#gallery{background-color:#fcf9fa;padding:16px 96px 128px}.image-wrapper,img{width:100%}@media (max-width: 1024px){#gallery{padding:100px 16px}}#footer{display:flex;flex-direction:column;align-items:center;justify-content:center}.footer-contact{font-weight:600}.bg{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.5);pointer-events:auto}#about.active div.bg{z-index:999}#about.hidden div.bg{z-index:-1}#about.hidden div.content{right:-200vw;transition:all .4s ease}.header{position:absolute;right:0;margin:10px}.content{box-sizing:border-box;overflow:scroll;display:flex;flex-direction:column;position:fixed;background:white;top:0;right:0;width:600px;max-width:100vw;height:100%;z-index:9999;padding:0 32px;font-size:.9rem;transition:right .4s ease}.intro{display:flex;align-items:center;margin-top:16px}.intro-portrait{flex-grow:1;max-width:50%;margin:16px 0}.intro-text{flex-grow:1;max-width:50%;margin-right:16px}.heading{position:relative;font-weight:600;font-size:1.8rem}.heading span,.bio span,.bio a{position:relative;opacity:1;color:#000;-webkit-mask-image:linear-gradient(to right,black 0%,black 50%,transparent 100%);mask-image:linear-gradient(to right,black 0%,black 50%,transparent 100%);-webkit-mask-size:200% 100%;mask-size:200% 100%;-webkit-mask-position:300% 0;mask-position:300% 0}.bio span,a{font-weight:600;font-size:1rem}.body{position:relative}.body span{cursor:pointer;font-weight:600}.icon-container{border-radius:50%;padding:8px;width:24px;height:24px;background-color:#0003;margin-right:16px;transition:background-color .3s ease}.icon-container:hover{background-color:#0006;transition:background-color .3s ease}.socials{display:flex;margin-top:24px}.alert{display:inline-flex;gap:10px;position:fixed;left:50%;padding:16px;transform:translate(-50%);background-color:#cfcfe0;opacity:.9;border-radius:99999px;transition:opacity 1s ease;z-index:9999}.alert.hidden{pointer-events:none;opacity:0}palette{color:#b02c37;color:#fcf9fa;color:#d6d9e0;color:#638ea1;color:#a6c8e1}html,body{margin:0;padding:0;width:100%;scroll-behavior:smooth;font-family:Montserrat,sans-serif;color:#342323;background-color:#cfcfe0}@media (max-width: 1024px){html,body{font-size:14px}}@media (max-width: 890px){html,body{font-size:12px}}.page-marker{height:1px;width:100%}.page-container{display:flex;flex-direction:column;width:100%}::-webkit-scrollbar{width:8px;height:6px}::-webkit-scrollbar-thumb{background:gray;border-radius:3px}::-webkit-scrollbar-track{background-color:#fcf9fa}h3,h4{font-size:2rem;font-weight:600}h3{display:inline-block;position:relative;font-size:2.5rem;margin:0}h3:before{position:absolute;bottom:0;content:"";width:25%;height:10%;background-color:#00000080}.section-header{text-align:center;width:100%}img{opacity:1;transition:opacity 1s ease}img.hidden{opacity:0}