@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:wght@800&display=swap");@font-face{font-family:Cubano;src:url(/_next/static/media/Cubano.fe08727e.otf) format("opentype")}@font-face{font-family:Poppins;src:url(/_next/static/media/Poppins-Regular.4b4ebe20.ttf) format("opentype")}:root{--text-light:#000000;--bg-light:#FFFFFF;--text-dark:#FFFFFF;--bg-dark:#000000;--font-size:16px}*{box-sizing:border-box;cursor:default}body,html{padding:0;margin:0;font-family:Poppins,sans-serif;overflow:hidden;color:white;background-color:black}a,button{cursor:pointer!important}.no-select{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.pointer-cursor,.pointer-cursor:hover{cursor:pointer}h1{z-index:1;font-family:Cubano,sans-serif;color:white;font-size:100px;text-align:center;margin:0}h1:hover{background-color:white;color:black}.glitch{color:white}.glitch:hover{background-color:white;color:black}h2{font-family:Cubano,sans-serif;font-size:2.3em;margin:0;color:white}h2,p{z-index:1}.hamburger{position:absolute;top:5%;left:2%;width:36px;height:26px;transform:translateY(-50%);border:0;background:transparent;z-index:7;align-content:center}.bar,.hamburger{transition:all .3s ease-in}.bar{fill:#ffffff;width:100%}.svg{transition:.3s ease-in}.hamburger.open .svg{transform:rotate(-90deg)}.hamburger.open .bar{fill:#000000}.navigation{position:fixed;left:-500px;width:350px;height:100%;background-color:#ffffff;transition:.5s;z-index:6}.navigation.active{left:0}.navigation ul{margin-top:100px;padding:0}.navigation li{color:#000000;text-align:center;font-family:Cubano,sans-serif;text-transform:uppercase;list-style-type:none;font-size:2.5em;padding:20px 30px}.navigation nav{display:flex;flex-direction:column;height:100%}.navigation .footer{margin-top:auto;padding:10px;font-family:Cubano,sans-serif}.footer-item{text-align:center;padding:10px;font-size:1.5rem}#resume{color:#C69D70;text-decoration:underline}#resume:hover{color:white;background-color:#C69D70;transition:background-color .1s,color .1s;transition-delay:.1s}.social{height:34px;width:34px;color:black;cursor:pointer;padding-left:3px;padding-right:3px;text-decoration:none}.social:hover{color:#C69D70}#socials{display:flex;flex-direction:row;justify-content:space-between;margin-right:30px;margin-left:30px}.navigation-item:hover{text-decoration:line-through;color:#C69D70;transition:text-decoration .1s;transition-delay:.1s}#overlay{display:none;position:fixed;width:100%;height:100%;left:0;top:0;background-color:rgba(253,127,39,.3);z-index:4}#overlay.active{display:block}#hero{display:flex;align-items:center;justify-content:center;height:100vh;background-color:black;flex-direction:column}@keyframes ripple{0%{opacity:1;transform:scale(0)}to{opacity:0;transform:scale(10)}}@keyframes rotate{0%{rotate:0deg}to{rotate:1turn}}#blob{z-index:0;height:500px;aspect-ratio:1;position:absolute;left:50%;top:50%;translate:-50% -50%;border-radius:50%;background:linear-gradient(90deg,#f1d47c,#6e1320);animation:rotate 20s infinite;filter:blur(200px)}.carpet{position:absolute!important;transform:translateY(-20px)!important;bottom:1rem;width:98%;height:auto;left:50%;z-index:-9999;will-change:transform;backface-visibility:hidden}.about{bottom:4rem;width:26%;height:auto}#about-arrow,.about{position:absolute;right:6rem}#about-arrow{bottom:28rem}#about-title{position:absolute;right:10rem;bottom:30.5rem}#about-arrow,#about-colored,#about-outline,#about-title{transition:opacity .2s ease-in-out}#about-arrow,#about-colored,#about-title,#about:hover #about-outline{opacity:0}#about:hover #about-arrow,#about:hover #about-colored,#about:hover #about-title{opacity:1;cursor:pointer}.work{position:absolute;bottom:2rem;width:28%;left:50%;transform:translate(-50%)}#work-title{bottom:17rem;left:54%}#work-arrow,#work-title{position:absolute;opacity:0}#work-arrow{bottom:14rem;left:50%;transform:translate(-50%)}#work-arrow,#work-colored,#work-outline,#work-title{transition:opacity .2s ease-in-out}#work-colored,#work:hover #work-outline{opacity:0}#work:hover,#work:hover #work-arrow,#work:hover #work-colored,#work:hover #work-title{opacity:1;cursor:pointer}.projects{position:absolute;left:10rem;bottom:5rem;width:19.8%;height:auto}#projects-arrow,#projects-title{position:absolute;bottom:24.5rem;left:16rem;opacity:0}#projects-arrow{bottom:20rem;left:15rem}#projects-title{transform:translate(-50%)}#projects-arrow,#projects-colored,#projects-outline,#projects-title{transition:opacity .2s ease-in-out}#projects-colored,#projects:hover #projects-outline{opacity:0}#projects:hover #projects-arrow,#projects:hover #projects-colored,#projects:hover #projects-title{opacity:1;cursor:pointer}.contact{position:absolute;left:4rem;bottom:50%;height:auto}#contact-arrow,#contact-title{position:absolute;top:12rem;left:8rem;opacity:0}#contact-title{transform:translate(30%,-2rem)}#contact-arrow,#contact-colored,#contact-outline,#contact-title{transition:opacity .2s ease-in-out}#contact-colored,#contact:hover #contact-outline{opacity:0}#contact:hover #contact-arrow,#contact:hover #contact-colored,#contact:hover #contact-title{opacity:1;cursor:pointer}@media (max-width:1024px){.about,.contact,.projects,.work{display:none!important}}