@import"https://fonts.googleapis.com/css2?family=Squada+One&display=swap";@import"https://fonts.googleapis.com/css2?family=Michroma&display=swap";@import"https://fonts.googleapis.com/css2?family=BBH+Sans+Hegarty&display=swap";@import"https://fonts.googleapis.com/css2?family=Atma:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Zhi+Mang+Xing&display=swap";html{scroll-behavior:smooth}body{margin:0;padding:0;cursor:none;background:#dadbde;overflow-x:hidden}body:before{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#dadbde;background-image:linear-gradient(to right,rgba(0,0,0,.062) 1px,transparent 1px),linear-gradient(to bottom,rgba(0,0,0,.062) 1px,transparent .5px);background-size:50px 50px;z-index:-1;pointer-events:none}*{margin:0;padding:0;box-sizing:border-box}.design1{position:absolute;top:10%;right:5%;font-family:Squada One,sans-serif;font-weight:400;font-style:normal;font-size:2rem}.design1_1{position:absolute;top:10%;left:5%;font-family:Squada One,sans-serif;font-weight:400;font-style:normal;font-size:2rem}.design2{position:absolute;top:190%;right:5%;color:#fff;font-family:Squada One,sans-serif;font-weight:400;font-style:normal;font-size:2rem;background:none}.design2_2{position:absolute;top:190%;left:5%;color:#fff;font-family:Squada One,sans-serif;font-weight:400;font-style:normal;font-size:2rem;background:none}.design3{position:absolute;top:850%;right:5%;font-family:Squada One,sans-serif;font-weight:400;font-style:normal;font-size:2rem;background:none}.design3_3{position:absolute;top:850%;left:5%;font-family:Squada One,sans-serif;font-weight:400;font-style:normal;font-size:2rem}.design5{position:absolute;top:985%;right:5%;font-family:Squada One,sans-serif;font-weight:400;font-style:normal;font-size:2rem;background:none;color:#000}.design5_5{color:#000;background:none;position:absolute;top:985%;left:5%;font-family:Squada One,sans-serif;font-weight:400;font-style:normal;font-size:2rem}.webgl-blend-cursor{mix-blend-mode:difference}.black-section{background-color:#000;color:#fff}*{background-color:#dadbde}.raleway-txt{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:20vw;z-index:2;font-family:Zhi Mang Xing,cursive;color:#3c3c3ce6;-webkit-user-select:none;user-select:none;pointer-events:none;background:none;min-height:150px}.png1{position:absolute;top:0;left:0;margin-left:-5%;width:90%;height:auto;background:transparent;z-index:2;max-width:1200px}.img-top-right{position:absolute;top:0%;left:50%;right:50%;width:33vw;max-width:450px;height:auto;background:transparent;z-index:2;transform:translate(50%);animation:slideLeft ease-out 1s forwards}@keyframes slideLeft{to{transform:translate(0)}}.png2{position:absolute;top:0;left:0;margin-left:40%;width:35%;height:auto;background:transparent;opacity:.5;z-index:2}@media (max-width: 768px){.raleway-txt{font-size:35vw;min-height:80px}.png1{margin-left:-10%;width:110%}.img-top-right{width:60vw;right:0;left:auto;transform:translate(0)}.png2{width:50%;margin-left:45%;top:20%}}html,body{background:transparent;margin:0;padding:0}.navbar{font-family:Michroma,sans-serif;font-weight:400;font-style:normal;color:#e6e6e6;background:transparent;transition:.3s ease-in-out;padding:5px;filter:drop-shadow(0 0 6px rgba(40,40,40,.6)) drop-shadow(0 0 10px rgba(100,100,100,.4));display:flex;justify-self:center;justify-content:center;font-size:1rem}.navbar:hover{filter:drop-shadow(0 0 10px rgba(60,60,60,.9)) drop-shadow(0 0 18px rgba(120,120,120,.7)) drop-shadow(0 0 24px rgba(200,200,200,.4));transform:scale(1.5)}.main-nav{background:transparent!important;position:fixed;top:3%;display:flex;justify-self:center;left:0;right:0;width:fit-content;margin:0 auto;gap:100px;z-index:5;mix-blend-mode:difference}.side-nav a{background:none;text-decoration:none;color:inherit}.side-nav{display:flex;flex-direction:column;color:#fff;position:fixed;top:50%;right:0;transform:translateY(-50%);margin-right:20px;gap:20px;background:transparent;z-index:10;mix-blend-mode:difference}.sidenav{background:transparent;border-radius:50px;border:2px solid white;padding:5px;font-size:38px;cursor:pointer}@media (max-width: 768px){.main-nav{gap:20px}.navbar{font-size:.9rem;transform:scale(1)}.navbar:hover{transform:scale(1.2)}.side-nav{margin-right:10px;gap:10px}.sidenav{font-size:28px;padding:3px}.email-container,.email-container2{right:auto;left:50%;transform:translate(-50%);width:90vw;max-width:400px}.email-container{top:100%;margin-top:50px}.email-container2{top:120%;margin-top:100px}.email-sub,.email-sub2{font-size:14px}.email,.email2{font-size:1.1em}.email-hover,.email-hover2{margin-left:0;justify-content:center;width:100%}}.email-container{right:15vw;position:absolute;top:100%;font-family:Century Gothic;background:transparent}.email-sub{font-size:16px;color:#000000bf;font-weight:300;letter-spacing:2px}.email-hover{display:inline-flex;align-items:center;cursor:pointer;text-decoration:none;margin-left:50%}.arrow{color:#000;font-size:1.2em;margin-right:10px;transition:transform .3s ease,color .3s ease}.email{color:#000;font-size:1.3em;font-weight:600;position:relative;text-decoration:underline;transition:color .3s ease}.email:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background-color:gray;transition:width 1s ease}.email-hover:hover .arrow{transform:rotate(45deg);color:gray}.email-hover:hover .email{color:gray}.email-hover:hover .email:after{width:100%}.email-container2{left:10vw;position:absolute;top:120%;font-family:Century Gothic;background:transparent}.email-sub2{font-size:16px;color:#000000bf;font-weight:300;letter-spacing:2px}.email-hover2{display:inline-flex;align-items:center;cursor:pointer;text-decoration:none;margin-left:50%}.arrow2{color:#000;font-size:1.2em;margin-right:10px;transition:transform .3s ease,color .3s ease}.email2{color:#000;font-weight:600;font-size:1.5em;position:relative;text-decoration:underline;transition:color .3s ease}.email2:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background-color:gray;transition:width 1s ease}.email-hover2:hover .arrow2{transform:rotate(45deg);color:gray}.email-hover2:hover .email2{color:gray}.email-hover2:hover .email2:after{width:100%}.black{position:absolute;width:100%;height:1200px;background-color:#000;top:180%;text-transform:uppercase;display:flex;flex-direction:column;align-items:center;overflow:hidden}.me{background:none;color:#ffffffb3;margin-bottom:10%;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,sans-serif}.quote-container{background:none;margin-top:15%;margin-left:20%;font-family:BBH Sans Hegarty,sans-serif;font-weight:400;font-style:normal;transform:scaleY(1.2);z-index:2}.quote{font-size:5rem;background:none;color:#fff;line-height:1.1;overflow:hidden}.img-container{background:none;position:absolute;top:35%;transform:translateY(-50%);text-align:center;opacity:0}.about-img{width:250px;height:auto;filter:grayscale(100%);margin-bottom:20px}.intro{font-size:2rem;letter-spacing:2px;opacity:0;background:none;color:#ffffffb3;margin-bottom:10%;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,sans-serif}.exp-container{background:none;color:#fff;display:flex;flex-direction:column}.first{background:none;color:#ffffffb3;margin-left:50%;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,sans-serif}.second{margin-top:2%;background:none;color:#ffffffb3;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,sans-serif;margin-left:55%}.all{background:none!important}.discription{position:absolute;top:77%;left:3%;font-size:30px;background:none;font-family:monospace;max-width:600px}.intro{font-size:1rem;margin-bottom:20px;line-height:1.6}.cursor{display:inline-block;margin-left:2px;color:#000;font-weight:700;animation:blink 1s step-end infinite}@keyframes blink{50%{opacity:0}}.footer{margin-top:1000vh;background-color:#222;height:100vh;width:100vw;font-family:Poppins,sans-serif;overflow:hidden;display:flex;justify-content:center;align-items:center;border-bottom:20px solid #222;box-sizing:border-box;z-index:2}.footer-container{background-color:#222;position:absolute;height:100%;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.tech{position:absolute;border:2px solid white;width:300px;height:50px;border-radius:50px;text-align:center;align-content:center;background:none;color:#fff;font-weight:600;-webkit-user-select:none;user-select:none;will-change:transform;box-shadow:0 4px 6px #0003;transition:box-shadow .3s ease}.end{margin-top:-15vh;background:none;color:#fff;font-size:4vw;font-family:Atma,system-ui;font-weight:600;font-style:normal;text-align:center;padding:0 5vw}@media (max-width: 768px){.footer{margin-top:300vh}.end{font-size:10vw;margin-top:-10vh}.tech{width:180px;height:40px;font-size:.8rem}}.text-container{position:absolute;top:150vh;width:100%;height:200px;overflow:hidden;background:none;z-index:1}.text{background:none;background-color:transparent;position:absolute;top:-10%;left:50%;transform:translate(-50%);display:flex;color:#000;font-size:12vw;font-weight:700;font-family:feet,sans-serif;letter-spacing:-1.5vw;z-index:2}.text span{transform:scaleY(1.2);background:none!important;background-color:transparent!important}@media (max-width: 768px){.text-container{height:150px}.text{font-size:15vw;letter-spacing:-2vw}}.tex-container{position:absolute;top:800vh;width:100%;height:200px;overflow:hidden;background:none;z-index:1}.tex{background:none;background-color:transparent;position:absolute;top:-5%;left:50%;transform:translate(-50%);display:flex;color:#fff;font-size:12vw;font-weight:700;font-family:feet,sans-serif;letter-spacing:-1.5vw;z-index:0}.tex span{transform:scaleY(1.2);background:none!important;background-color:transparent!important}@media (max-width: 768px){.tex-container{height:150px}.tex{font-size:15vw;letter-spacing:-2vw}}.work-gallery-container{top:890%;position:absolute;display:flex;height:80vh;width:100%;min-height:500px;gap:1rem;padding:1rem;background-color:#333;border-radius:.75rem;overflow:hidden}.work-item{flex:1;transition:flex .5s ease-in-out,filter .5s ease-in-out;cursor:pointer;overflow:hidden;position:relative;border-radius:1rem}.work-item img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.work-item:hover img{transform:scale(1.05)}.work-item.is-expanded{flex:4;filter:brightness(100%) grayscale(0%)}.work-item.is-shrunk{flex:.5;filter:brightness(50%) grayscale(50%)}.work-overlay{position:absolute;bottom:0;left:0;right:0;padding:1rem;color:#000;background:linear-gradient(to top,#ffffffaf);opacity:0;transition:opacity .3s}.work-item.is-expanded .work-overlay{opacity:1}.work-title{font-size:1.25rem;font-weight:700}