@import url(https://fonts.googleapis.com/css2?family=Gabarito:wght@400;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Ubuntu:wght@300&display=swap);@import url(https://fonts.googleapis.com/css2?family=Lato:wght@300&display=swap);@import url(https://fonts.googleapis.com/css2?family=Playpen+Sans&display=swap);@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+Display:wght@500&display=swap);@import url(https://fonts.googleapis.com/css2?family=Source+Sans+3:wght@500&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400&display=swap);*{box-sizing:border-box;color:#eaeaea;color:var(--white2);font-family:Lato,sans-serif;font-family:var(--font3);list-style:none;margin:0;padding:0;text-decoration:none}:root{--font1:"Gabarito",sans-serif;--font2:"Ubuntu",sans-serif;--font3:"Lato",sans-serif;--font4:"Edu TAS Beginner",cursive;--font5:"Noto Sans Display",sans-serif;--font6:"Source Sans 3",sans-serif;--font7:"Poppins",sans-serif;--blue2:#00e7ff;--blue1:#00dcff;--red1:#ff6c6ce8;--red2:#ffa4a4;--white1:#ecebee;--white2:#eaeaea;--white3:#b0bfc2;--white4:#c6cbd1;--blackLight:#141517;--black1:#1c1d20;--black2:rgba(11,12,14,.671);--black3:rgba(0,0,0,.836);--borderLight:rgba(28,29,32,.175);--grey:#e9eaeb;--greyBg:#e9eaeb}::selection{color:#ecebee;color:var(--white1)}html::-webkit-scrollbar{display:none}.root,body{position:relative}body{background-color:#09090a;overflow-x:hidden}.container{margin:auto;width:80%}main{display:flex;flex-direction:column;overflow:hidden;position:relative;row-gap:12rem}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.navLogo{cursor:pointer;height:5rem;width:5rem}.navLogo img{height:100%;object-fit:cover;width:100%}header{position:fixed;width:100vw;z-index:10}header nav{align-items:center;display:flex;justify-content:space-between;padding:1rem 2rem}header nav ul{display:flex;gap:3rem;transition:-webkit-transform .6s cubic-bezier(.65,0,.35,1);transition:transform .6s cubic-bezier(.65,0,.35,1);transition:transform .6s cubic-bezier(.65,0,.35,1),-webkit-transform .6s cubic-bezier(.65,0,.35,1)}header nav ul li{cursor:pointer;font-family:Ubuntu,sans-serif;font-family:var(--font2);font-weight:600;letter-spacing:.2rem;text-transform:uppercase;transition:all .1s ease-in}header nav ul li a{color:#b0bfc2;color:var(--white3)}.homeDiv{text-transform:uppercase}.scroll{margin-top:3rem}.scroll svg{font-size:1.5rem}.homeDiv h1{-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}


  /* ! ================================================================================== SIDENAv =================================================================== */.sideNav{background:#141517;background:var(--blackLight);height:100dvh;overflow:hidden;position:fixed;right:0;top:0;width:35%;z-index:10}.innerSide{justify-content:space-between;padding:8vh 5vh 3vh}.NavSocial,.innerSide{display:flex;flex-direction:column}.NavSocial{gap:1rem}.navIcons{display:flex;justify-content:space-between}.navIcons a{font-family:Noto Sans Display,sans-serif;font-family:var(--font5);font-size:1rem;transition:all .15s ease-in-out}.navIcons a:hover{scale:1.2}.upper{gap:3rem}.name,.upper{display:flex;flex-direction:column}.name{gap:1rem}.upper ul{display:flex;flex-direction:column;gap:.2rem}.upper ul li a{font-family:Source Sans\ 3,sans-serif;font-family:var(--font6);font-size:4rem}.options li,.upper ul li a{align-items:center;display:flex;gap:1rem}.options li{transition:all .15s ease-in-out}.name h3{font-family:Ubuntu,sans-serif;font-family:var(--font2);font-size:1rem;letter-spacing:1px;opacity:.4}.line{background-color:hsla(0,0%,100%,.2);height:1px;width:100%}.hamBurger{background:#ecebee;background:var(--white1);border-radius:50%;cursor:pointer;height:4rem;margin-top:1rem;position:fixed;right:4%;width:4rem;z-index:11}.hamBurger,.lines{align-items:center;display:flex;flex-direction:column;justify-content:center}.lines{gap:.5em;height:100%;width:100%}.lines div:first-child{-webkit-transform-origin:0 0;transform-origin:0 0}.lines div:nth-child(2){-webkit-transform-origin:0 100%;transform-origin:0 100%}.lines:hover div:first-child{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.lines:hover div:nth-child(2){-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.hamLine{background:#141517;background:var(--blackLight);border-radius:2px;height:4px;-webkit-transform-origin:4px 0;transform-origin:4px 0;transition:all .15s ease-in-out;transition:background .5s cubic-bezier(.77,.2,.05,1),opacity .55s ease,-webkit-transform .5s cubic-bezier(.77,.2,.05,1);transition:transform .5s cubic-bezier(.77,.2,.05,1),background .5s cubic-bezier(.77,.2,.05,1),opacity .55s ease;transition:transform .5s cubic-bezier(.77,.2,.05,1),background .5s cubic-bezier(.77,.2,.05,1),opacity .55s ease,-webkit-transform .5s cubic-bezier(.77,.2,.05,1);width:40%}.circleHide{display:none}.active .circleHam{background:#ecebee;background:var(--white1);border-radius:50%;height:1rem;width:1rem}.SocialDiv{display:flex;flex-direction:column;gap:1rem;left:2rem;overflow:hidden;position:fixed;top:75%;z-index:11}.SocialDiv a{position:relative;transition:all .15s ease-in-out}.SocialDiv a:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.SocialDiv svg{font-size:2rem}.SocialDiv svg path{color:#ecebee;color:var(--white1)}.cursor{background-color:hsla(0,0%,84%,.2);border-radius:50%;box-shadow:.35 0 5px 15px #f0f0f0;height:1rem;pointer-events:none;position:fixed;-webkit-transform-origin:center center;transform-origin:center center;width:1rem;z-index:20}.cursor span{display:none;font-size:.5rem}.grow{background:#fff;mix-blend-mode:difference;-webkit-transform:scale(7);transform:scale(7)}.imgGrow span{color:#ecebee;color:var(--white1);display:flex;font-size:.15rem;z-index:101}.imgGrow{align-items:center;background:#09090a;display:flex;justify-content:center;-webkit-transform:scale(7);transform:scale(7)}.LoaderDiv{background:#000;height:100vh;left:0;position:fixed;top:0;width:100%;z-index:20}.swiper{height:100%;width:100%}.swiper-wrapper{overflow:visible!important}.swiper-slide:after{background:linear-gradient(180deg,hsla(0,0%,100%,.2),rgba(1,1,32,.5) 45%,rgba(0,0,0,.9) 88%);content:"";height:100%;left:0;position:absolute;right:0;top:0;width:100%;z-index:10}.swiper-pagination-bullet-active{background:#eaeaea!important;background:var(--white2)!important}.swiper-slide{height:30rem!important;overflow:visible!important;position:relative;width:35rem!important}.swiper-slide img{display:block;-webkit-filter:saturate(0);filter:saturate(0);height:100%;object-fit:fill;width:100%}.swiper-button-next,.swiper-button-prev{color:#b0bfc2!important;color:var(--white3)!important}.projects{display:flex;flex-direction:column;flex-grow:1;gap:5rem;margin:auto;min-height:100vh;width:90%}.ProjectDiv h1{margin-top:15rem;-webkit-transform:scale(1);transform:scale(1)}.pjBtn{background-color:var(---black1);box-shadow:5px 2px 21px rgba(0,0,0,.84)}.line1{height:30%}.line2{height:60%}.line3{height:40%}.contactHead{overflow:hidden}.formBtn{align-items:center;background:none;background:var(---black2);border:none;border-radius:1rem;cursor:pointer;display:flex;font-size:1.5rem;gap:.5rem;justify-content:center;padding:1rem;transition:all .15s ease-in-out}.formBtn:hover{background:var(---black3);border:none;-webkit-transform:scale(1.1);transform:scale(1.1)}.astro{align-items:center;display:flex;height:100vh;position:absolute;width:500vw}#motionPath{height:100%;overflow:visible;position:relative;width:80%}#motionPath path{stroke-width:2;stroke:gray}.spline{-webkit-filter:saturate(0);filter:saturate(0);height:100vh!important;opacity:.1;pointer-events:none;position:fixed;width:100vw!important;z-index:-1}.workButton{border-radius:5rem;height:5rem;margin:0 0 5rem;overflow:hidden;position:relative;width:15rem}.workButton .slider{height:100%;position:relative;width:100%}.workButton .btnWrk{align-items:center;background:rgba(11,12,14,.671);background:var(--black2);display:flex;height:100%;justify-content:center;width:100%}.workButton .btnWrk a{font-family:Ubuntu,sans-serif;font-family:var(--font2);font-size:1.5rem;font-weight:600;letter-spacing:1px;text-transform:uppercase}.workButton .btnWrk:nth-child(2){background:#eaeaea;background:var(--white2);position:absolute;top:100%}.workButton .btnWrk:nth-child(2) a{color:#000;font-weight:600;letter-spacing:1px}.titleColumn{display:flex;gap:5vh;padding:0 20vh}.titleName:first-child{padding:1.5rem 2rem}.titleName{background:#fff;border:1px solid #141517;border:1px solid var(--blackLight);border-radius:2.5rem;cursor:pointer;padding:1.5rem}.titleName span{color:#1c1d20;color:var(--black1);font-size:1rem;font-weight:600}@media only screen and (max-width:1100px){.titleColumn{padding:0 11vh!important}}@media only screen and (max-width:1020px){.titleColumn{padding:0 5vh!important}}@media only screen and (max-width:1140px){.sideNav{width:45%!important}.innerSide{padding:13vh 10vh 10vh}}@media only screen and (max-width:990px){.mainHeading{font-size:13rem!important}.spanDetail{font-size:1rem!important}.text-wrap{top:61%!important}.wrapper{height:160vh!important}}@media only screen and (max-width:870px){.sideNav{width:50%!important}.innerSide{padding:12vh 5vh 8vh!important}}@media only screen and (max-width:835px){.titleColumn{padding:0!important}}@media only screen and (max-width:690px){.titleName{padding:1rem!important}}@media only screen and (max-width:780px){.sideNav{width:60%!important}.upper ul li a{font-size:3.75rem!important}.mainHeading{font-size:10rem!important}.SocialDiv{display:none!important}.text-wrap{top:61%!important}.wrapper{height:140vh!important}}@media only screen and (max-width:680px){.homeDiv{gap:2rem}.navIcons{gap:1rem}.mainHeading{font-size:8rem!important}.wrapper{height:100vh!important}.column{min-width:8rem!important}}@media only screen and (max-width:570px){header nav ul{display:none!important}.sideNav{width:100%!important}.innerSide{padding:10vh 5vh!important}.lines{gap:.25rem!important}.navLogo{height:4rem!important;width:4rem!important}.spanDetail{text-align:center}.imgDiv{align-items:center;gap:3rem!important;justify-content:center;padding:1rem!important}}@media only screen and (max-width:480px){.mainHeading{font-size:6rem!important}.hamBurger{height:3rem!important;width:3rem!important}.spanDetail{font-size:.8rem!important;line-height:2rem;margin:0 4rem}.wrapper{height:80vh!important;margin-top:10vh!important}.wrapper :nth-child(2){top:-180%!important}.wrapper :nth-child(3){top:-45%}.wrapper :nth-child(4){top:-150%!important}.column{min-width:5rem!important}}@media only screen and (max-width:420px){.titleColumn{gap:2vh!important}}@media only screen and (max-width:390px){.titleColumn{gap:1vh!important}.titleName{padding:.75rem!important}}.wrapper{box-sizing:border-box;height:180vh;justify-content:center;margin-top:50vh;overflow:hidden;padding:1rem}.column,.wrapper{display:flex;gap:2vw;position:relative}.column{flex-direction:column;height:100%;min-width:15rem;width:25%}.wrapper :first-child{top:-40%}.wrapper :nth-child(2){top:-80%}.wrapper :nth-child(3){top:-45%}.wrapper :nth-child(4){top:-75%}.imageContainer{border-radius:.75rem;height:100%;overflow:hidden;width:100%}.imageContainer img{height:100%;object-fit:cover;width:100%}.circleContainer{margin-top:5rem;position:relative}.circle{background-color:#09090a}.circle,.circleMy{border-radius:0 0 50% 50%;height:700%;left:-20%;position:absolute;width:140%;z-index:1}.circleMy{background-color:#eaebec}
/*# sourceMappingURL=main.f33cb632.css.map*/