@import"https://fonts.googleapis.com/css?family=Montserrat:100,100italic,200,200italic,300,300italic,regular,italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic";@import"https://fonts.googleapis.com/css?family=Poppins:100,100italic,200,200italic,300,300italic,regular,italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic";*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--prime:#000;--prime-d:#ffffff15;--prime-d2:#9eabbfb5;--second:#fff;--prime-t:#060300f1;--red:#ff1500;--red-1:red;--red-2:#ff002f;--red-3:#ff4000;--purple:#9900f0;--orange:#ff9d00;--red-t:#e6502705;--red-t2:#ff150095;--purple-t:#9900f095;--orange-t:#ff9d0095;--luminescence:#ffffffbf;--menu:5vw}a{color:var(--second);text-decoration:none}ul{list-style:none;margin:0;padding:0}img{display:block;height:auto}body{background-color:var(--prime);color:var(--second);display:flex;flex-direction:column;font-family:Montserrat,Arial,Helvetica Neue,Helvetica,sans-serif;font-size:17px;height:100dvh;max-height:100dvh;max-width:100dvw;overflow-x:hidden;perspective:1000px;position:relative;width:100%}body,body>div{overflow:hidden}body main{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;width:100%}body.overflowon{overflow:auto}@media only screen and (min-width:768px){body.overflowon{overflow:auto}}section{display:flex;flex-direction:column;height:100vh;position:absolute;transition:transform .5s ease-in-out;width:100vw}section.banner,section.center{align-items:center;justify-content:center}section:not(.banner){padding:2rem 2rem 0}section:not(.active){transform:translateY(150%)}section:not(.banner) h1,section:not(.banner) h2{color:var(--second);margin-left:100px;opacity:0;transform:translateY(50px)}section:not(.banner) h1{font-size:4.5rem;line-height:3rem;margin-bottom:1rem;transition:transform .25s ease-in-out .5s,opacity .25s ease-in-out .5s}section:not(.banner) h2{line-height:1.75rem;margin-bottom:1.5rem;transition:transform .25s ease-in-out .75s,opacity .25s ease-in-out .75s}section.active:not(.banner) h1,section.active:not(.banner) h2{opacity:1;transform:translateY(0)}@media only screen and (max-width:1024px){section:not(.banner){padding:1.75rem 1.75rem 0}section:not(.banner) h1{font-size:4rem;line-height:2.5rem;margin-bottom:2rem;margin-left:80px}section:not(.banner) h2{line-height:1.85rem;margin-bottom:1.25rem;margin-left:80px}}@media only screen and (max-width:768px){section:not(.banner){padding:1.5rem 1.5rem 0}section:not(.banner) h1{font-size:3.5rem;line-height:2.25rem;margin-bottom:1.75rem;margin-left:60px}section:not(.banner) h2{font-size:1rem;line-height:1.65rem;margin-bottom:1rem;margin-left:60px}}@media only screen and (max-width:650px){section:not(.banner){padding:1.25rem 1.25rem 0}section:not(.banner) h1,section:not(.banner) h2{margin-left:0}section:not(.banner) h1{font-size:3rem;line-height:2rem;margin:3.5rem 0 1rem}section:not(.banner) h2{font-size:1.1rem;line-height:1.6rem}}@media only screen and (max-width:480px){section:not(.banner){padding:1rem 1rem 0}section:not(.banner) h1{font-size:2.5rem;line-height:1.75rem;margin:3rem 0 .75rem}section:not(.banner) h2{font-size:1rem;line-height:1.5rem;margin-bottom:.75rem}}@media only screen and (max-width:360px){section:not(.banner){padding:.875rem .875rem 0}section:not(.banner) h1{font-size:2rem;line-height:1.5rem;margin:2.5rem 0 .5rem}section:not(.banner) h2{font-size:.9rem;line-height:1.4rem}}@keyframes bounce{0%,2%,5%,8%,to{height:32px;opacity:1;transform:translateY(0)}4%{height:50px;opacity:.85;transform:translateY(-15px)}6%{height:28px;opacity:.75;transform:translateY(-25px)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}@keyframes sliding{0%{transform:translate(0)}10%{transform:translate(0)}50%{transform:translate(-52.5%)}60%{transform:translate(-52.5%)}to{transform:translate(0)}}@keyframes sliding-1{0%{transform:translate(0)}5%{transform:translate(0)}50%{transform:translate(-90.5%)}55%{transform:translate(-90.5%)}to{transform:translate(0)}}@keyframes minifloat{0%{transform:translateY(0)}50%{transform:translateY(-5px)}to{transform:translateY(0)}}@keyframes fade{0%{opacity:1}50%{opacity:0}to{opacity:1}}@keyframes rainbow{0%{color:#e93903}25%{color:#e20909}50%{color:#e2092a}75%{color:#ec0153}to{color:#e93903}}@keyframes blob{0%,60%,to{transform:scale(1)}10%,50%{transform:scale(.95,1.05)}20%,40%{transform:scale(.9,1.1)}30%{transform:scale(.85,1.15)}70%,90%{transform:scale(1.05,.95)}80%{transform:scale(1.1,.9)}}@keyframes swipedown{0%{transform:translateY(0)}to{transform:translateY(100vh)}}@keyframes floatText{to{transform:translate(-100%)}}@keyframes tswipeup{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes swipeup{0%{transform:translateY(0)}to{transform:translateY(-100vh)}}section .skill{align-items:flex-start;animation:sliding-1 150s linear infinite;display:flex;height:100%;justify-content:space-between;padding:25px 0;position:relative;width:1000vw}section .skill:hover{animation-play-state:paused}section .skill .tech-card{align-items:center;color:var(--prime);cursor:pointer;display:flex;flex-direction:column;height:100%;justify-content:flex-end;margin:0 1rem;position:relative;width:10%}section .skill .tech-card .title{align-items:center;animation:float 5s cubic-bezier(.175,.885,1,2) infinite;background:var(--second);border-radius:5px;box-shadow:10px 10px 3rem -8px #000000bf;color:var(--prime);display:flex;font-family:Poppins;justify-content:center;position:absolute;transition:all 1s ease-in-out;z-index:3}section .skill .tech-card .description{bottom:70%;color:#fff;font-size:1.25rem;font-weight:600;opacity:0;position:absolute;text-align:center;transition:all 1s cubic-bezier(.23,1,.32,1);width:75%;z-index:3}section .skill .tech-card:nth-child(odd) .title{animation-duration:3.5s}section .skill .tech-card:nth-child(2n) .title{animation-duration:4.5s}section .skill .tech-card:hover .title{animation-play-state:paused}section .skill .tech-card:hover .description{opacity:1;transform:translateY(-40%)}.c1{font-size:1.5rem;height:50px;left:-5%;padding:0 2.5rem;top:40%}.c2{border-radius:100px;font-size:clamp(17px,1.5rem,20px);font-weight:900;height:clamp(75px,15vw,90px);right:5%;top:60%;width:clamp(75px,15vw,90px)}.c3{bottom:5%}section .skill .tech-back{background-color:#bbbbbb17;border-radius:7.5px;bottom:0;box-shadow:10px 10px 3rem -8px #00000081;color:var(--prime);display:flex;height:100%;justify-content:center;overflow:hidden;position:relative;transition:height .75s ease-in-out;width:100%}section .skill .tech-card:hover:after,section .skill .tech-card:hover>.tech-back{height:100%}section .skill .tech-back:after{background-color:#000;border-radius:100%;bottom:0;color:var(--prime);content:"";height:325px;position:absolute;transition:transform 1.5s ease-out;width:325px}section .skill .tech-card:hover>.tech-back:after{transform:translateY(-100%) scale(1.5)}section .skill .tech-card img{bottom:5%;filter:grayscale(100%) brightness(.3);height:25vh;position:absolute;transition:filter .5s ease-in-out}section .skill .tech-card:hover img{filter:grayscale(0) brightness(1)}@media only screen and (max-width:1024px){section .skill .tech-card{margin:0 .75rem;width:12%}section .skill .tech-card img{height:40vh}.c1{font-size:1.25rem;height:45px;padding:0 1.75rem}section .skill .tech-card .description{font-size:1.1rem;width:85%}}@media only screen and (max-width:768px){section .skill{animation:sliding-1 120s linear infinite;width:1500vw}section .skill .tech-card{margin:0 .65rem;width:15%}section .skill .tech-card img{height:35vh}.c1{font-size:1.1rem;height:40px;left:-3%;padding:0 1.5rem}.c2{font-size:clamp(15px,1.25rem,18px);height:clamp(65px,12vw,80px);width:clamp(65px,12vw,80px)}.c3{bottom:3%;font-size:.9rem;padding:.25rem .75rem}section .skill .tech-card .description{bottom:65%;font-size:1rem;width:90%}}@media only screen and (max-width:650px){section .skill{animation:sliding-1 160s linear infinite;padding:20px 0;width:2000vw}section .skill .tech-card{margin:0 .5rem;width:18%}section .skill .tech-card img{height:auto;max-height:30vh;width:85%}section .skill .tech-card .description{display:none}.c1{font-size:.95rem;height:36px;left:-2%;padding:0 1rem;top:35%}.c2{font-size:clamp(13px,1rem,16px);height:clamp(55px,10vw,70px);right:3%;top:55%;width:clamp(55px,10vw,70px)}.c3{bottom:2%;font-size:.85rem;padding:.25rem .65rem}section .skill .tech-back:after{height:250px;width:250px}section .skill .tech-card:hover>.tech-back:after{transform:translateY(-100%) scale(1)}}@media only screen and (max-width:480px){section .skill{animation:sliding-1 200s linear infinite;width:2500vw}section .skill .tech-card{margin:0 .4rem;width:22%}section .skill .tech-card img{max-height:25vh;width:90%}.c1{font-size:.85rem;height:32px;left:0;padding:0 .75rem}.c2{font-size:clamp(12px,.9rem,14px);height:clamp(50px,9vw,60px);right:2%;width:clamp(50px,9vw,60px)}.c3{font-size:.75rem;padding:.2rem .5rem}section .skill .tech-back:after{height:200px;width:200px}}@media only screen and (max-width:360px){section .skill{width:3000vw}section .skill .tech-card{margin:0 .3rem;width:25%}.c1{font-size:.75rem;height:30px;padding:0 .6rem}.c2{font-size:.8rem;height:45px;width:45px}.c3{font-size:.7rem;padding:.15rem .4rem}}@media(hover:none)and (pointer:coarse){section .skill .tech-card{min-width:120px}section .skill .tech-card:hover>.tech-back{height:100%}section .skill .tech-card:active{transform:scale(.98)}section .skill .tech-card .title,section .skill .tech-card:hover .title{animation:none}}@media(prefers-reduced-motion:reduce){section .skill,section .skill .tech-card .title{animation:none}section .skill .tech-back:after{transition:none}}section .services{align-items:flex-start;animation:sliding 50s linear infinite;display:flex;height:100%;justify-content:space-between;padding:25px 0;position:relative;transition:all 1s ease-in-out;width:200vw}@media only screen and (max-width:650px){section .services{width:500vw}}section .services:hover{animation-play-state:paused}section .services .glass-card{align-items:center;background-color:#bbbbbb17;border-left:1px solid hsla(0,0%,100%,.125);border-radius:5px;border-top:1px solid hsla(0,0%,100%,.125);box-shadow:10px 10px 3rem -8px #0000001f;color:var(--prime);cursor:pointer;display:flex;flex-direction:column;height:100%;justify-content:center;overflow:hidden;position:relative;transition:width .5s cubic-bezier(.175,.885,.32,2);width:15%}section .services .glass-card:nth-child(2n){margin-top:-2rem}section .services .glass-card:nth-child(3n){margin-bottom:-2rem}section .services .glass-card:hover{width:20%}section .services .glass-card:before{background-color:#000;border-radius:0 0 7.5px 7.5px;bottom:-50%;color:var(--prime);content:"";height:50%;position:absolute;transform:rotate(-25deg);width:200%}section .services .glass-card h2{color:var(--second);font-size:3rem;text-align:center;transform:rotate(-90deg) translateY(-250%);transition:transform .5s cubic-bezier(.755,.05,.855,.6) .25s;white-space:nowrap;width:100%}section .services .glass-card:hover h2{transform:rotate(-25deg) translate(-12.5%,125%)}.work-pre{align-items:center;display:flex;flex-direction:column;font-size:1.5rem;height:100%;padding:25px 0;transition:transform .25s ease-in-out;width:40%}.work-pre p{text-align:right}.work-category{background-color:var(--second);border-radius:3px;color:var(--prime);font-size:.75rem;font-weight:700;margin-bottom:25px;padding:5px 10px;text-transform:uppercase}.work-img,img.thumb{border-radius:5px;height:100vh;position:fixed;top:100vh;width:100%;z-index:-1}img.thumb{-o-object-fit:cover;object-fit:cover;opacity:0;transition:opacity 3s ease-in-out;width:100%}.work-img .overlay{background-color:#fff;height:100vh;left:-50px;opacity:0;position:absolute;top:0;transition:opacity .5s ease-in-out;width:100vw;z-index:1}.work-list{display:block;height:calc(100% - 75px);overflow:hidden;width:55%}.work-list li{font-family:Poppins;font-size:5rem;margin:0 0 1rem}.work-list li a{transition:letter-spacing .75s cubic-bezier(.075,.82,.165,1)}.work-list li a:hover{letter-spacing:.75rem}.work-list li a:hover~.work-pre{transform:translate(0)}.work-list li a:hover~.work-img .overlay{opacity:.5;top:calc(-100vh - 75px)}.work-list li a:hover~.work-img img.thumb{opacity:.8;right:0;top:-75px}.content{display:flex;flex-direction:row;margin-top:1rem}.contact{align-items:flex-start;height:75vh;justify-content:space-between;width:55%}.contact,.contact-text{display:flex;flex-direction:column;margin-left:100px}.contact-text{font-family:Poppins;font-size:2.75rem;line-height:3rem;width:45%}.contact-text span{font-size:3.5rem;font-weight:700;margin-bottom:25px}.contact button,.contact input,.contact textarea{background-color:#d8d7d73e;border:1.5px solid var(--second);border-radius:5px;color:var(--second);font-family:Poppins;font-size:1.1rem;margin-bottom:1rem;outline:none;padding:10px}.contact input,.contact textarea{width:100%}.contact textarea{height:50%;margin-bottom:2rem}.contact button{background-color:var(--second);color:var(--prime);cursor:pointer;padding:10px 25px;transition:all .3s ease}.contact button:hover{box-shadow:0 4px 8px #0003;transform:translateY(-2px)}.contact button:active{transform:translateY(0)}.contact button:disabled{cursor:not-allowed;opacity:.6}@media only screen and (max-width:1024px){.contact{height:70vh;margin-left:80px;width:60%}.contact-text{font-size:2.25rem;line-height:2.5rem;margin-left:60px;width:40%}.contact-text span{font-size:3rem;margin-bottom:20px}.contact button,.contact input,.contact textarea{font-size:1rem}}@media only screen and (max-width:768px){.content{flex-direction:column;margin-top:.75rem}.contact{height:auto;margin-right:60px;min-height:60vh}.contact,.contact-text{margin-left:60px;width:100%}.contact-text{font-size:2rem;line-height:2.25rem;margin-top:2rem}.contact-text span{font-size:2.5rem;margin-bottom:15px}.contact textarea{height:150px;margin-bottom:1.5rem}}@media only screen and (max-width:650px){.contact{height:auto;margin-left:0;margin-right:0;min-height:50vh;width:100%}.contact-text{display:none}.contact button,.contact input,.contact textarea{font-size:1rem;margin-bottom:1rem;padding:12px}.contact textarea{height:120px;margin-bottom:1.25rem}.contact button{font-size:1.05rem;padding:14px 25px;width:100%}}@media only screen and (max-width:480px){.content{margin-top:.5rem}.contact button,.contact input,.contact textarea{border-radius:4px;font-size:.95rem;padding:11px}.contact textarea{height:100px}.contact button{padding:13px 20px}}@media only screen and (max-width:360px){.contact button,.contact input,.contact textarea{font-size:.9rem;padding:10px}.contact textarea{height:90px}.contact button{padding:12px 18px}}@media(hover:none)and (pointer:coarse){.contact button,.contact input,.contact textarea{min-height:44px}.contact button{min-height:48px}.contact button:hover{transform:none}.contact button:active{transform:scale(.98)}}