*{margin:0;padding:0}body{font-family:Raleway,sans-serif;scroll-behavior:smooth;overflow:hidden}::-webkit-scrollbar{display:none}.button{background-color:#f6c3ba;color:#fff;padding:10px 20px;border-radius:5px;position:relative;text-transform:uppercase;font-weight:500;border:none;outline:none;font-size:20px;cursor:pointer;transition:background-color .3s}.button>svg:first-child{position:absolute;height:100%;width:100%}.button:hover{background-color:#c3baf6}.iconButton{background-color:#f6c3ba;color:#fff;height:45px;padding:0;display:flex;justify-content:center;align-items:center;border-radius:50%;aspect-ratio:1/1;cursor:pointer;transition:transform .3s,box-shadow .3s}.iconButton>svg:first-child rect{stroke-width:0;stroke-dasharray:23.5;stroke-dashoffset:100;transition:stroke-dashoffset .4s,stroke-width .4s}.iconButton:hover{transform:scale(1.1)}.iconButton:hover>svg:first-child rect{stroke-dashoffset:0;stroke-width:2px}.iconButton:active{transform:scale(.9)}.iconButton:active>svg:first-child rect{stroke-width:1px}.particles{transform:translateZ(0);will-change:transform}.particles .particle{border-radius:50%;background:#000;position:absolute}.staticParticles{display:flex;flex-flow:column nowrap;justify-content:space-evenly;transform:translateZ(0);will-change:transform}.staticParticles .row{display:flex;flex-flow:row nowrap;justify-content:space-evenly}.staticParticles .row .particle{height:3px;width:3px;translate:-50% -50%;background:#000;transition:opacity .3s}.scrollDown{display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;position:absolute;cursor:pointer;width:150px;top:100%;left:50%;transform:translate(-50%,-150%)}.scrollDown span{position:absolute;width:fit-content;transform:translate(calc(-50% - 25px))}.scrollDown .scrollDownIcon{height:40px;padding:15px;border-radius:1in;background:#fff;border:1px solid black}.scrollDown .scrollDownIcon div{height:6.5px;width:6.5px;border-radius:1in;background:#000;animation:scrollDown 2s infinite linear}@keyframes scrollDown{0%{opacity:100%;margin-top:0}10%{height:12px}30%{opacity:100%;margin-top:20px}40%{height:7.5px}50%{opacity:0%;margin-top:33.5px}to{margin-top:33.5px;opacity:0%}}.heroSection h1{font-family:Tilt Neon,sans-serif;font-size:150px;font-weight:500;color:#424242;text-align:center;line-height:.9;letter-spacing:15px;text-transform:uppercase}.heroSection .content{display:flex;justify-content:center;align-items:center;height:100%;max-width:80%;margin:0 auto;flex-flow:column nowrap;position:relative;box-shadow:inset 0 -50px 50px #fff}.heroSection .content>div:first-child{display:flex;justify-content:center;align-items:center;flex-flow:column nowrap;position:relative}.heroSection .content>div p{font-size:25px;align-self:flex-start}.heroSection .content>div p~p{align-self:flex-end}.heroSection .content .herolinks{display:flex;justify-content:flex-start;align-items:center;gap:20px;align-self:flex-start}@media screen and (max-width:768px){.heroSection .content .herolinks{align-self:center;margin-top:20px}}.about{display:flex;justify-content:center;align-items:center;position:relative;z-index:2;overflow:hidden}.about .staticParticles{-webkit-backdrop-filter:blur(.5px);backdrop-filter:blur(.5px)}.about>.content{display:flex;justify-content:center;flex-flow:row nowrap;position:relative;gap:75px;height:75%}.about .aboutText{margin:0 10%;gap:50px;display:flex;flex-flow:column nowrap;justify-content:center}.about h1{width:fit-content;position:relative;left:-100%;transition:left .3s}.about h1~p{font-size:20px;opacity:0;transition:opacity .3s}.about p b{font-weight:600}.about .boxes{display:flex;flex-shrink:0;flex-wrap:wrap;gap:20px}.about .boxes>*{border-bottom:3px solid gray;display:flex;padding:5px 15px;flex-flow:column nowrap;max-width:233.33px;width:100%;position:relative;transition:left .3s}.about .boxes h2{font-size:36px;font-family:Sora,sans-serif;font-weight:900;letter-spacing:2px}.about .boxes .subdesc{font-weight:600}.about .background>div{width:100%;height:100%;position:absolute;left:0;top:0}.about .background>div:first-child{background:linear-gradient(to bottom right,#fff 50%,#ebebeb 50%);background-size:2px 2px;background-position:top}.about .background>div:first-child>div{height:100%;width:29vw;border-left:20px solid;border-bottom:60px solid;border-right:100px solid;border-radius:50%;border-color:#696969;translate:10% -25%;rotate:-10deg;filter:blur(50px);transition:width .1s}.about .background>div:first-child>div:last-child{border-color:#d3d3d3;position:absolute;top:-75px;left:-60px}.projects .content>h1{display:flex;flex-flow:column nowrap;line-height:.65;align-items:center;background:#fff;box-shadow:0 0 25px 20px #fff;border-radius:50%}.projects .content>h1>span:first-child{color:transparent;-webkit-text-stroke:2px black;position:relative}.projects .content>h1>span:first-child span{display:inline-block;position:absolute;padding:2px 0;height:100%;width:100%;background:linear-gradient(to top,white 10%,transparent)}.projects .content>h1>span:last-child{position:relative}.projects .background{background:linear-gradient(to bottom right,#fff 50%,#ebebeb 50%);background-size:2px 2px;background-position:top}.projects .background .blob1{position:absolute;top:0;right:0;transform:translate(25%,-25%);height:100%}.projects .background .blob1 img{height:100%;transform-origin:top right;mix-blend-mode:multiply}.projects .content{display:flex;flex-flow:column nowrap;align-items:center;box-sizing:border-box;padding-top:25px;gap:25px;height:100%}.projects .content .container{height:calc(100% - 115px);max-width:85vw;box-sizing:border-box;display:flex;flex-flow:column nowrap;align-items:center;justify-content:space-between}.projects .content .container .show{display:flex;flex-flow:row nowrap;height:calc(100% - 50px - var(--radius) * .9);gap:25px;transition:opacity .3s,translate .3s}.projects .content .container .show .info{min-width:450px}.projects .content .container .show h1{margin:5px 0 20px;display:inline-block;transition:translate .3s}.projects .content .container .show h1 p{font-weight:400;margin:0 0 5px;transition:translate .3s}.projects .content .container .show .desc{transition:opacity .3s}.projects .content .container .show .tech{position:absolute;display:flex;flex-flow:row nowrap;align-items:stretch;gap:15px;padding:15px;background:#fff;border-radius:10px;box-shadow:0 0 15px #00000026;transform:translate(-20px,-30px)}.projects .content .container .show .tech>*:not(.links){cursor:default;transition:scale .3s}.projects .content .container .show .tech>*:not(.links):hover{transform:none}.projects .content .container .show .tech>*:not(.links):hover>svg:first-child rect{stroke-width:0}.projects .content .container .show .tech>span{display:inline-block;width:1px;margin:10px 0;background:gray}.projects .content .container .show .tech .links{display:flex;flex-flow:row nowrap;gap:15px}.projects .content .container .show .tech .links>*{transition:scale .3s,transform .3s}.projects .content .container .show .image{aspect-ratio:16/9;max-height:100%;position:relative;z-index:1;background-color:#ebf5f5;border-radius:10px;box-shadow:inset -100px -100px 9999px #000a0a4d}@media screen and (max-width:1200px){.projects .content .container .show .image{width:100%}}.projects .content .container .show .image img{height:100%;border-radius:10px}:root{--radius: 175px;--selector-radius: 15px;--outline-width: 3px}@media screen and (max-width:1600px){:root{--radius: 155px;--selector-radius: 12.5px;--outline-width: 2px}}.round-selector{width:calc(2 * var(--radius));position:relative;height:calc(.9 * var(--radius));padding:calc(var(--selector-radius) * 3 / 4 + 2px) calc(var(--selector-radius) / 2 + 200px) 0;overflow:hidden}.round-selector .radii{position:absolute;width:calc(2 * var(--radius) + var(--outline-width));aspect-ratio:1/1;margin-left:calc(var(--outline-width) / 2);display:flex;justify-content:center}.round-selector .radii>div{height:50%;width:0px;display:flex;justify-content:center;align-items:flex-start;left:50%;transition:rotate .5s ease-in-out;transform-origin:bottom center;position:absolute}.round-selector .radii>div.selected div:first-child{background:#000;scale:1.5;pointer-events:none}.round-selector .radii>div.selected div:last-child{opacity:0;pointer-events:none}.round-selector .radii>div div:first-child{height:var(--selector-radius);width:var(--selector-radius);box-sizing:border-box;aspect-ratio:1/1;cursor:pointer;border-radius:50%;translate:0 -50%;transition:scale .5s,background .5s;border:var(--outline-width) solid black;background:linear-gradient(to bottom right,#fff 50%,#ebebeb 50%) 2px top}.round-selector .radii>div div:last-child{opacity:1;transition:opacity .3s;text-wrap:nowrap;padding:0 25px;font-size:16px;font-family:sora,sans-serif;cursor:pointer;position:absolute}.round-selector .outline{width:100%;aspect-ratio:1/1;border-radius:50%;padding:var(--outline-width);background:linear-gradient(to bottom,gray 20%,transparent 45%)}.round-selector .outline div{width:100%;aspect-ratio:1/1;border-radius:50%;background:linear-gradient(to bottom right,#fff 50%,#ebebeb 50%);background-size:2px 2px;background-position:top}.skillset .background{background:linear-gradient(to bottom right,#fff 50%,#ebebeb 50%);background-size:2px 2px;background-position:top}.skillset .background .boxWrapper{width:calc(18% - 25px);opacity:.75;display:flex;gap:50px;padding-top:50px;flex-flow:column nowrap}.skillset .background .boxWrapper>div:nth-child(1)>div{height:80px;background:#3c32320e;translate:calc(-20% + 0px) 0}.skillset .background .boxWrapper>div:nth-child(2)>div{height:95px;background:#3c32321c;translate:calc(-20% - 20px) 0}.skillset .background .boxWrapper>div:nth-child(3)>div{height:110px;background:#3c32322a;translate:calc(-20% - 40px) 0}.skillset .background .boxWrapper>div{rotate:35deg;transform-origin:top right}.skillset .background .boxWrapper>div>div{position:relative;width:125%;border-radius:10px}.skillset .background .boxWrapper>div>div>svg{position:absolute;overflow:visible;height:100%;width:100%}.skillset .background .boxWrapper>div>div>svg>rect{stroke-dasharray:100 20;animation:strokeoffset 2s linear infinite}.skillset .background .boxWrapper:last-child{position:absolute;bottom:0;right:0;transform:rotate(180deg)}.skillset .content{display:flex;flex-flow:column nowrap;gap:15px;margin:0 10%;height:100%}.skillset .content h1{text-align:center;color:transparent;-webkit-text-stroke:2px black;background:linear-gradient(60deg,transparent 35%,black 35% 50%,transparent 50%);background-size:40px;height:60px;-webkit-background-clip:text;background-clip:text}.skillset .content .orbitsWrapper{display:flex;flex-flow:row nowrap;gap:15px;height:calc(100% - 140px);margin:0 auto;width:80%;max-width:100%;scale:1 .9;padding-bottom:25px;position:relative;justify-content:center;align-items:center;transform:translateZ(0);will-change:transform}.skillset .content .orbitsWrapper>div:nth-child(1){height:33.3333333333%;width:33.3333333333%;z-index:3}.skillset .content .orbitsWrapper>div:nth-child(2){height:66.6666666667%;width:66.6666666667%;z-index:2}.skillset .content .orbitsWrapper>div:nth-child(3){height:100%;width:100%;z-index:1}.skillset .content .orbitsWrapper>div{box-shadow:0 0 170px #0000004d;position:absolute;width:100%;border-radius:50%;background:#3c32320e;scale:0;transition:scale .75s cubic-bezier(.175,.885,.32,1.275)}.skillset .content .orbitsWrapper>div>div{height:50px;width:50px;aspect-ratio:1/1;border-radius:50%;flex-shrink:0;position:absolute;z-index:1;display:flex;translate:-50% -50%;justify-content:center;align-items:center;scale:1 1.1}.skillset .content .orbitsWrapper>div>div.glow{color:#fff}.skillset .content .orbitsWrapper>div>div.glow>div{animation:glow 1.5s linear infinite;background:#ff190a}.skillset .content .orbitsWrapper>div>div>div{height:100%;width:100%;scale:0;aspect-ratio:1/1;background:#b9b9b9;display:flex;justify-content:center;align-items:center;border-radius:50%;transition:scale .5s cubic-bezier(.175,.885,.32,1.275)}.skillset .content .orbitsWrapper>div>div>div>svg:first-child{position:absolute;width:100%;height:100%;z-index:-1}.skillset .content .orbitsWrapper>div>svg.revPath{position:absolute;width:100%;height:100%}@keyframes strokeoffset{0%{stroke-dashoffset:0}to{stroke-dashoffset:120}}@keyframes glow{0%{box-shadow:0 0 #ff190a4d}35%{box-shadow:0 0 0 4px #ff190ab3}80%{box-shadow:0 0 0 6px #ff190a00}to{box-shadow:0 0 0 6px #ff190a00}}.background{height:100%;width:100%;position:absolute;overflow:hidden}.majorSection{position:relative;height:100vh}.majorSection .content{position:relative;z-index:1}h1{font-size:56px;font-family:Sora,sans-serif;margin-bottom:15px}.h1:after{content:"";height:3px;display:block;background:#0000}.threeD{text-shadow:1px 1px 0 #f6c3ba,2px 2px 0 #f6c3ba,3px 3px 0 #f6c3ba,4px 4px 0 #f6c3ba,5px 5px 0 #f6c3ba,6px 6px 0 #f6c3ba,7px 7px 0 #f6c3ba,8px 8px 0 #f6c3ba,9px 9px 0 #f6c3ba,10px 10px 0 #f6c3ba,1px 10px 50px #f6c3ba}.subdesc{color:gray;font-size:14px;text-transform:uppercase;color:transparent;width:fit-content;background:linear-gradient(to bottom right,#0000ff59 50%,#00000059 50%),linear-gradient(to top right,orange 50%,red 50%);background-size:10px,5px;background-clip:text;-webkit-background-clip:text}.lineunder:after{content:"";height:3px;width:75%;background:gray;border-radius:1in;display:block;transition:width .3s;transform-origin:left;animation:scalex .3s ease-in-out;animation-delay:.6s;animation-fill-mode:both}.threeD{text-shadow:2px 2px 0px #f6c3ba,4px 4px 0px #f6c3ba,6px 6px 0px #f6c3ba,8px 8px 0px #f6c3ba,10px 10px 0px #f6c3ba,10px 10px 30px #f6c3ba}@keyframes scalex{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.testimonialSection .background{background:linear-gradient(to bottom right,#fff 50%,#ebebeb 50%);background-size:2px 2px;background-position:top left}.testimonialSection .background .glow{background-color:#c3baf6;width:80%;height:300px;position:absolute;bottom:0;left:50%;translate:-50% 70%;border-radius:50% 50% 0 0;filter:blur(25px);box-shadow:0 -50px 40px 50px #c3baf633,0 -25px 20px 50px #c3baf64d,0 0 0 50px #c3baf666;animation:glowShadow 3s linear infinite;transition:width 4s cubic-bezier(.175,.885,.32,1.275),height 2s cubic-bezier(.175,.885,.32,1.275)}.testimonialSection .background .glow:after{content:"";width:100%;height:100%;background-color:inherit;display:block;translate:0 -50%;filter:blur(250px);border-radius:50%}.testimonialSection .background>.particles{position:absolute;bottom:0;left:50%;translate:-50% 0;width:90%;height:400px;mask:radial-gradient(ellipse at bottom,black 50%,transparent 70%)}.testimonialSection .background>.particles .fadeComponent{width:100%;height:100%;rotate:180deg;position:absolute}.testimonialSection .content{height:100%;display:flex;flex-flow:column nowrap;align-items:center}.testimonialSection .content h1{position:relative;margin-top:20px}.testimonialSection .content .testimonialCard{width:350px;height:365px;background:#fff;border-radius:8px;position:relative;padding:16px 24px;margin:16px;display:flex;flex-flow:column nowrap;transition:transform .2s ease-in-out}.testimonialSection .content .testimonialCard:hover,.testimonialSection .content .testimonialCard:hover .quote{transform:initial!important}.testimonialSection .content .testimonialCard .quote{position:relative;left:-40px;top:-40px;border-radius:8px;background:#000;color:#fff;width:fit-content;padding:10px;transition:transform .2s ease-in-out}.testimonialSection .content .testimonialCard .stroke{position:absolute;top:20px;left:20px;width:100%;height:100%;border-radius:8px;pointer-events:none;border:3px solid;mask:linear-gradient(135deg,transparent 30%,black 30%)}.testimonialSection .content .testimonialCard .content{display:flex;flex-flow:column nowrap;justify-content:space-between;height:100%}.testimonialSection .content .testimonialCard .content p{font-size:24px;text-align:center;font-style:italic;padding:0 16px}.testimonialSection .content .testimonialCard .content .author{align-self:stretch;text-align:right}.testimonialSection .content .testimonialCard .content .author .separator{height:2px;margin:12px 0;background:linear-gradient(to right,transparent,rgb(44,44,44) 85%,transparent)}.testimonialSection .content>.fadeComponent{align-self:stretch;position:absolute;width:100%;top:50%;translate:0 -50%;padding:40px 0}.testimonialSection .content>.fadeComponent>.fadeComponent{height:100%;width:100%;position:absolute;rotate:180deg;pointer-events:none;top:0;left:0}.testimonialSection .content>.fadeComponent .carouselContainer{width:100%;height:450px;padding:20px 0;display:flex;align-items:center;-webkit-mask-image:linear-gradient(to right,transparent 0px,black 5%,black 95%,transparent);mask-image:linear-gradient(to right,transparent 0px,black 5%,black 95%,transparent)}@keyframes glowShadow{0%{box-shadow:0 -50px 40px 50px #c3baf633,0 -25px 20px 50px #c3baf64d,0 0 0 50px #c3baf666}50%{box-shadow:0 -50px 40px 20px #c3baf699,0 -25px 20px 20px #c3baf6a6,0 0 0 20px #c3baf6b3}to{box-shadow:0 -50px 40px 50px #c3baf633,0 -25px 20px 50px #c3baf64d,0 0 0 50px #c3baf666}}.fadeComponent{position:relative}.fadeComponent .segment{position:absolute;top:0;right:0;pointer-events:none;height:100%;width:100%}.carouselComponent{display:flex;overflow:hidden;scroll-behavior:smooth;width:100%;align-items:center}.carouselComponent .carouselItem{width:fit-content;transition:transform .5s ease}.carouselComponent>*{position:absolute}
