@font-face{font-family:stretch;src:url(/fonts/StretchPro.9558c221.otf) format("opentype")}body,html{margin:0;padding:0;background:#000;color:#fff;font-family:stretch}#app.pointer{cursor:pointer}.fade-enter-active,.fade-leave-active{transition:opacity .5s ease}.fade-enter-from,.fade-leave-to{opacity:0}a{text-decoration:none;text-transform:uppercase}.header,a{color:#fff}.header{position:fixed;top:0;z-index:10;left:50%;transform:translateX(-50%);width:90%;border-bottom:1.5px solid #fff;padding:10px 0;display:flex;justify-content:space-between;align-items:center;mix-blend-mode:difference}.header .logo-header{margin:0;font-size:4em;font-family:Dirtyline}.header .nav-header{display:flex;align-items:center;justify-content:space-around;width:60%;font-size:1.25em}.header .nav-menu{display:none}.webgl{position:absolute;top:0;left:0}.home,.webgl{width:100vw;height:100vh}.home{margin:0;padding:0;z-index:1;position:relative}.home h1{position:absolute;left:10%;font-family:Dirtyline;margin:0;font-size:8.5em;background:url(/img/noise.919378b7.png),#fff;-webkit-text-fill-color:transparent;-webkit-background-clip:text;-moz-background-clip:text;background-clip:text}.home h1:first-child{top:35%}.home h1:nth-child(2){top:50%}.about-container{width:100vw;height:100vh;z-index:1;position:relative}.about-container .about{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60%}.about-container .about h1{font-size:2.75vw}.about-container .about p{font-family:Bebas Neue,sans-serif;font-weight:700;font-size:1.5vw;text-align:justify}.experience-container{width:100vw;height:100vh;z-index:1;position:relative}.experience-container .button{cursor:pointer;position:absolute;top:50%;transform:translateY(-50%);background-color:rgba(0,0,0,.7);font-size:3vw;width:4vw;height:auto;aspect-ratio:1/1;border-radius:50%;display:flex;justify-content:center;align-items:center}.experience-container .button:first-child{right:30px}.experience-container .button:nth-child(2){left:30px}.projects-container{width:100vw;height:100vh;z-index:1;position:relative}.projects-container .project-title{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);font-size:3em}.project-container{width:100vw;height:100vh;z-index:1;position:relative;background:linear-gradient(0deg,rgba(0,0,0,.8),rgba(0,0,0,.5) 20%,rgba(2,0,36,0) 70%);background-position:0 100%}.project-container .project-detail{position:absolute;bottom:0;left:0;padding:10px 20px}.project-container .project-detail p{font-family:Bebas Neue,sans-serif;font-size:1.5em}@media (orientation:portrait),screen and (max-width:800px){.header{mix-blend-mode:normal}.header .logo-header{font-size:8vw}.header .nav-header{position:absolute;width:100%;height:30vh;flex-direction:column;top:-100vh;left:0;transform:translateY(-50%);transition-duration:.5s}.header .nav-menu{display:block}.header .nav-menu span{display:block;width:35px;height:5px;background-color:#fff;mix-blend-mode:difference;margin:6px 0}.header:before{content:" ";height:100vh;width:100vw;position:absolute;top:-100vh;background-color:#000;transition-duration:.5s;z-index:-1}.header.active .nav-header{top:50vh}.header.active:before{top:0}.home h1{font-size:15vw}.about-container .about{width:90%}.about-container .about h1{font-size:1.1rem}.about-container .about p{font-size:1.2rem}.experience-container .button{top:57%;width:9vw;font-size:8vw}.experience-container .button:first-child{right:10px}.experience-container .button:nth-child(2){left:10px}}@font-face{font-family:Dirtyline;src:url(/fonts/Dirtyline%2036daysoftype%202022.923ee352.otf),url(/fonts/Dirtyline%2036daysoftype%202022.a0a28929.woff) format("woff"),url(/fonts/Dirtyline%2036daysoftype%202022.bd0eb05a.woff2) format("woff2"),url(/fonts/Dirtyline%2036daysoftype%202022.3525ee4f.ttf) format("truetype");font-style:normal;font-weight:400;text-rendering:optimizeLegibility}