@font-face{font-family:Major Mono;src:url(/fonts/MajorMonoDisplay-Regular.ttf);font-style:normal;font-weight:400;font-display:swap}.video-wrapper{aspect-ratio:16/9;width:80%;max-width:560px;margin:4em auto;position:relative}.video-wrapper iframe{position:relative;height:100%;width:100%;z-index:50}.video-wrapper .iframeFallback{z-index:25;position:absolute;top:0;left:0;margin:0;padding:0}header{position:absolute;width:100%;height:2em;z-index:1000}header nav{padding-top:1em;padding-left:3em;display:flex}header nav ul{list-style:none;padding:0;margin:0;display:flex;gap:2em;align-items:center;margin-inline:auto}header nav ul figure{margin:0;height:1.25em;display:flex}@media screen and (max-width:350px){header nav ul figure{height:1em}}header nav ul figure svg{height:100%}header nav ul figure img{height:100%;width:auto}header nav ul figure #applemusic:hover,header nav ul figure #facebook:hover .cls-1,header nav ul figure #imdb:hover path,header nav ul figure #imdb:hover rect,header nav ul figure #instagram:hover .cls-1,header nav ul figure #spotify:hover .cls-1,header nav ul figure #youtube:hover .cls-1{fill:#e7e7e7}@media screen and (max-width:600px){header nav ul{justify-content:space-evenly;width:100%}}@media screen and (max-width:300px){header nav ul{justify-content:space-between;gap:unset}}@media screen and (max-width:600px){header nav{padding-left:1em;padding-right:1em}}#contact{position:relative}#contact #ske{width:8em;position:absolute;bottom:10px;right:10px}@media screen and (max-width:600px){#contact #ske{margin:0;right:unset;bottom:20px;left:50%;transform:translateX(-50%)}}@media screen and (max-width:420px){#contact #ske{width:6em}}#contact ul{padding:0;list-style:none}#contact ul li{margin-top:3em}#contact ul li>h3{margin-bottom:0}#contact ul li a{display:flex;justify-content:left;align-items:center;color:#fff;text-decoration:none}#contact ul li a h3{padding-bottom:.2em;border-bottom:1px solid #fff;overflow-wrap:anywhere;margin-inline:1em}#contact ul li a h3:hover{color:#cdcdcd;border-color:#cdcdcd}@media screen and (max-width:600px){#contact ul li a h3{font-size:2.8846153846vw}}#portfolio{background-image:url(/portfolio-section-1-lq.jpg);background-repeat:no-repeat;background-size:cover;background-position:50%;padding-bottom:3em}#portfolio,#portfolio article{position:relative}@media screen and (max-width:800px){#portfolio article:first-of-type h1{margin-top:1em}}#portfolio article h1{font-family:Major Mono;margin-top:2em;margin-bottom:1em}@media screen and (max-width:600px){#portfolio article h1{font-size:3em}}@media screen and (max-width:420px){#portfolio article h1{font-size:2em}}#contact,#portfolio h1{color:#fff}#contact{width:80%;max-width:1152px;margin-top:3em;margin-inline:auto;border:2px solid #fff;height:60vh;display:flex;justify-content:center;align-items:center;flex-direction:column;font-family:Major Mono;text-transform:lowercase;letter-spacing:2px}@media screen and (max-width:420px){#contact{font-size:.8em}}#intro{position:relative;height:50vh}@media screen and (max-width:800px){#intro{height:unset}}#intro #name{position:absolute;right:10%}@media screen and (max-width:800px){#intro #name{position:relative;right:unset;width:90%;margin-inline:auto;display:flex;margin-top:2em}}#intro .custom-letter{width:8em}@media screen and (max-width:1200px){#intro .custom-letter{width:6em}}@media screen and (max-width:1000px){#intro .custom-letter{width:5em}}@media screen and (max-width:800px){#intro .custom-letter{flex-grow:1}}#intro .stickerContainer .sticker{width:90%;left:unset;max-width:500px;margin-left:2em;margin-top:2.5em}@media screen and (max-width:800px){#intro .stickerContainer{position:relative;width:unset;height:unset;display:flex;justify-content:center}#intro .stickerContainer .sticker{position:relative;margin-left:unset}}#videoSection h1{margin-top:3em!important}.w-3{width:3em}.w-5{width:5em}.w-10{width:10em}.w-20{width:20em}@media screen and (max-width:600px){.w-3{width:1.5em}.w-5{width:2.5em}.w-10{width:5em}.w-20{width:10em}}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}*{box-sizing:border-box}img{width:100%}body{text-align:center}h1{font-size:5em}section{padding-top:4em;min-height:100vh}h2{margin:0}svg{fill:#fff}.relativeWrapper{position:relative;z-index:1}.stickerContainer{position:absolute;width:100%;height:100%;z-index:0;top:0;left:0}.stickerContainer.noOverflow{overflow-x:hidden;overflow-y:visible}.stickerContainer .sticker{margin:0;padding:0;position:absolute;max-width:90%}#page404{background-image:url(/portfolio-section-1-lq.jpg);background-repeat:no-repeat;background-size:cover;background-position:50%}#wrapper404{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:3em;-moz-column-gap:3em;column-gap:3em;min-height:100vh;width:85%;margin-inline:auto;color:#fff;font-family:Major Mono;text-transform:lowercase;letter-spacing:2px}#wrapper404 div{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}#wrapper404 h1{font-size:2.5em}#wrapper404 h2{font-size:1.5em;margin-bottom:1em}#wrapper404 a{color:#fff}#wrapper404 a:before{content:"←";margin-right:.5em;text-decoration:none}@media screen and (max-width:800px){#wrapper404{display:flex;flex-direction:column;justify-content:center}#wrapper404 div{margin-top:1em;margin-bottom:1em}}@media screen and (max-width:420px){#wrapper404 h1{font-size:1.5em}#wrapper404 h2{font-size:1em}}