@font-face{font-family:Ubuntu;src:local(Ubuntu),url(/fonts/Ubuntu.ttf)format("truetype")}@font-face{font-family:BlackLives;src:local(BlackLives),url(/fonts/BlackLives.ttf)format("truetype");font-weight:lighter}*{padding:0;font-family:Ubuntu;font-weight:700}body::-webkit-scrollbar{display:none}body{background-color:#000}h1{text-shadow:5px 5px 5px rgba(0,0,0,.627);letter-spacing:4px;font-family:BlackLives;font-size:100px}h2{text-shadow:5px 5px 5px rgba(0,0,0,.627);letter-spacing:2px;font-family:BlackLives;font-size:80px}h3{font-size:40px}h4{font-size:30px;font-weight:500}h5{font-size:20px;font-weight:100}.sectionTitle{font-family:BlackLives}@media (max-aspect-ratio:1){h1{text-shadow:5px 5px 5px rgba(0,0,0,.627);letter-spacing:4px;font-family:BlackLives;font-size:80px}h2{text-shadow:5px 5px 5px rgba(0,0,0,.627);letter-spacing:2px;font-family:BlackLives;font-size:70px}h3{font-size:30px}h4{font-size:20px;font-weight:500}h5{font-size:20px;font-weight:100}}
.back-lights{pointer-events:none;z-index:-1;width:100%;height:100%;position:fixed;rotate:90deg}.light1,.light2{filter:blur(400px);border-radius:50%;width:130vh;height:130vh;animation:5s infinite alternate moveLight;position:absolute}.light1{background:radial-gradient(circle,#009dff,transparent 100%);top:50%;left:10%;transform:translateY(-50%)}.light2{background:radial-gradient(circle,#8400ff,transparent 100%);top:50%;left:90%;transform:translateY(-50%)}@keyframes moveLight{0%{transform:translate(-50%,-50%)scale(1)}to{transform:translate(-50%,-50%)scale(.6)}}@media (max-aspect-ratio:1){.back-lights{width:120%;height:120%}.light1,.light2{filter:blur(150px);width:120vw;height:120vw}}
.page-section{scroll-snap-align:start;scroll-snap-stop:always;color:#fff;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:relative;overflow-x:clip;overflow-y:hidden}
#name{letter-spacing:2vw;height:auto;font-family:BlackLives;font-size:12vw;display:inline-block}#mainText{width:100%;position:absolute;top:35%;left:50%;transform:translate(-50%,-50%)}#mainText>h1{text-align:center}#mainText>h3{letter-spacing:3px;margin-left:3vw;font-size:2.4vw}#mainText>h3>span{letter-spacing:3px;font-size:2.4vw}#cover{z-index:0;filter:drop-shadow(-10px 10px 2px rgba(0,0,0,.75));width:65vw;height:auto;position:absolute;bottom:0%;right:0%}#cover>img{width:100%;height:auto}.motion-span{transform-origin:50%;will-change:transform}.lightBeam{z-index:1;content:"";clip-path:polygon(0% 0%,50% 100%,100% 0%);mix-blend-mode:screen;opacity:.15;filter:blur(80px);background:linear-gradient(rgba(255,255,255,0) 0%,rgba(255,255,255,.463) 50%,rgba(255,255,255,.855) 70%,rgba(255,255,255,0) 80%);width:100vw;height:85vh;position:relative;bottom:0}@media (max-aspect-ratio:1){#cover{z-index:2;filter:drop-shadow(-10px 10px 2px rgba(0,0,0,.75));width:auto;height:70vh;position:absolute;bottom:0%;left:50%;transform:translate(-50%,-50%)}#cover>img{width:auto;height:100%;left:50%;transform:translate(-50%)}#name{height:-moz-fit-content;height:fit-content;font-size:120px;display:inline-block;word-wrap:break-word!important;overflow-wrap:break-word!important}#mainText{text-align:center;z-index:2;width:95%;position:absolute}#mainText>h1{z-index:-1;width:100%;height:-moz-fit-content;height:fit-content;display:inline-block;word-wrap:break-word!important;overflow-wrap:break-word!important}#mainText>h3{letter-spacing:3px;margin-left:-20vw;font-size:23px}#mainText>h3>span{letter-spacing:3px;font-size:23px}.lightBeam{width:450vw;height:100vh;margin-bottom:12%}}
#section2Container{width:80vw;height:60vh;position:relative}#section2Title{margin-bottom:20px;font-family:BlackLives}#sectionText{text-align:justify;text-justify:inter-character;width:60%}@media (max-aspect-ratio:1){#section2Title{margin-bottom:15px;font-family:BlackLives;font-size:50px}#section2Container{width:85vw;height:90vh;position:relative}#sectionText{text-align:left;width:80%;font-size:2.7vh}}
#section3Container{width:100vw;height:100vh;position:relative}#section3Title{z-index:1;font-family:BlackLives;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.section3Counter>h2{font-size:120px}.section3Counter>h2>span{font-family:BlackLives}.section3Counter>h4{text-align:justify;text-justify:inter-character;justify-content:center;align-self:center;width:100%;font-size:50px}#leftCounter{position:absolute;top:50%;left:20%;transform:translate(-50%,-50%)}#rightCounter{position:absolute;top:50%;left:80%;transform:translate(-50%,-50%)}.marqueeText{white-space:nowrap;letter-spacing:5px;will-change:transform;text-transform:uppercase;width:max-content;height:auto;font-family:BlackLives;font-size:100px}.technicalMarquee{color:#009dff;position:absolute;top:0%}.personalMarquee{color:#8400ff;position:absolute;bottom:0%}@media (max-aspect-ratio:1){.section3Counter>h2{font-size:100px}.section3Counter>h2>span{font-family:BlackLives}.section3Counter>h4{text-align:justify;text-justify:inter-character;justify-content:center;align-self:center;width:100%;font-size:40px}#leftCounter{position:absolute;top:25%;left:50%;transform:translate(-50%,-50%)}#rightCounter{position:absolute;top:75%;left:50%;transform:translate(-50%,-50%)}.marqueeText{white-space:nowrap;letter-spacing:5px;will-change:transform;text-transform:uppercase;width:max-content;height:auto;font-family:BlackLives;font-size:60px}.technicalMarquee{color:#009dff;position:absolute;top:2%}.personalMarquee{color:#8400ff;position:absolute;bottom:2%}}
#section4Container{width:100vw;height:67vh;position:relative}#section4TextContainer{gap:20px;margin-left:10%;display:flex;position:relative}#section4Title{margin-bottom:20px;font-family:BlackLives}#section4Text{text-align:center;vertical-align:middle;align-items:center;width:auto;height:75px;display:flex}#section4CounterContainer{flex-flow:row;justify-content:center;align-items:center;gap:5vw;width:100vw;height:67vh;display:flex;position:relative}.section4Counter{z-index:3;flex-direction:column;flex:0 auto;align-items:center;width:auto;max-width:100%;display:flex;position:relative}.section4Counter>h2{margin:0;font-family:BlackLives;font-size:130px;line-height:1}.section4Counter>h2>span{font-family:BlackLives}.section4Counter>h4{text-align:center;width:100%;font-size:50px}#companyPhoto{object-fit:fill;aspect-ratio:16/9;opacity:1;width:60vw;height:auto;display:block;position:absolute;top:40px;right:0;transform:translateY(-50%);-webkit-mask:linear-gradient(270deg,#000,rgba(0,0,0,.6),rgba(0,0,0,.4),transparent);mask:linear-gradient(270deg,#000,rgba(0,0,0,.6),rgba(0,0,0,.4),transparent)}@media (max-aspect-ratio:1){#section4Container{width:100vw;height:95vh;position:relative}#section4TextContainer{flex-direction:column;gap:0;margin-top:35%;margin-left:5%;display:flex;position:relative}#section4Title{margin-bottom:0;font-family:BlackLives;font-size:50px}#section4Text{text-align:center;vertical-align:middle;align-items:center;width:auto;height:25px;display:flex}#section4CounterContainer{z-index:1;grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(2,1fr);place-items:center;gap:5vw;width:80vw;height:37vh;display:grid;position:relative;top:50%;left:50%;transform:translate(-50%,-75%)}.section4Counter{z-index:3;flex-direction:column;align-items:center;width:100%;max-width:100%;display:flex;position:relative}.section4Counter>h2{margin:0;font-family:BlackLives;font-size:60px;line-height:1}.section4Counter>h4{text-align:center;width:100%;font-size:30px}}
#section5Container{width:100vw;height:65vh;position:relative}#section5TextContainer{gap:20px;margin-left:10%;display:flex;position:relative}#section5Title{white-space:pre-line;margin-bottom:20px;font-family:BlackLives}#section5Text{text-align:center;vertical-align:middle;align-items:center;width:auto;height:75px;display:flex}#section5List{z-index:0;width:100%;height:auto;position:absolute;bottom:-25%}@media (max-aspect-ratio:1){#section5Container{z-index:1}#section5Title{font-size:50px}}
.horizontalListContainer{gap:30px;width:100%;height:55vh;display:flex}.horizontalListContainer>Button{color:#fff;cursor:pointer;background-color:transparent;border:none;border-radius:50%;width:100px;height:100px;padding:10px 20px;font-size:16px;display:block;position:relative;top:35%}.listArrow{opacity:.5;width:50px;height:50px;transition:opacity .5s ease-in-out,transform .5s ease-in-out}.listArrow:hover{opacity:1;transform:scale(1.2)}.horizontalScrollList{scroll-snap-type:x mandatory;scroll-behavior:smooth;outline:none;gap:10px;width:100%;height:100%;padding:20px 0;display:flex;overflow-x:scroll;-webkit-mask:linear-gradient(90deg,transparent 0%,#000 0%,#000 10%,#000 50%,#000 40%,transparent 100%);mask:linear-gradient(90deg,transparent 0%,#000 0%,#000 10%,#000 50%,#000 40%,transparent 100%)}.horizontalScrollList>div:last-child{margin-right:80vw}.horizontalScrollList::-webkit-scrollbar{display:none}@media (max-aspect-ratio:1){.horizontalListContainer{gap:0;width:100%;height:50vh;display:flex}.horizontalListContainer>Button{color:#fff;cursor:pointer;background-color:transparent;border:none;border-radius:50%;width:30px;height:100px;padding:0;font-size:10px;display:inline-block;position:relative;top:35%}.listArrow{opacity:.5;width:30px;height:30px;transition:opacity .5s ease-in-out,transform .5s ease-in-out}.listArrow:hover{opacity:1;transform:scale(1.2)}.horizontalScrollList{scroll-snap-type:x mandatory;scroll-behavior:smooth;outline:none;gap:0;width:100%;height:100%;display:flex;overflow-x:scroll;-webkit-mask:linear-gradient(90deg,transparent 0%,#000 0%,#000 70%,#000 90%,#000 99%,transparent 100%);mask:linear-gradient(90deg,transparent 0%,#000 0%,#000 70%,#000 90%,#000 99%,transparent 100%)}.horizontalScrollList>div:last-child{margin-right:80vw}.horizontalScrollList::-webkit-scrollbar{display:none}}
.projectCard{aspect-ratio:1;background:conic-gradient(rgba(0,0,0,.796) 0 0)padding-box,linear-gradient(#009dff,#8400ff)border-box;scroll-snap-align:start;-webkit-backface-visibility:hidden;backface-visibility:hidden;opacity:.5;border:5px solid transparent;border-radius:35px;flex-shrink:0;width:auto;height:95%;margin-bottom:50px;transition:opacity .5s ease-in-out,transform .5s ease-in-out;transform:scale(.95)}.projectCard:hover,.projectCard-active{opacity:1;transform:scale(1)}.projectCard>div{scrollbar-width:none;background:rgba(255,0,0,0);border-radius:25px;width:48vh;height:99%;overflow-y:scroll}.projectCard>div>ul{margin:10px 30px;font-size:18px}.projectCard>div>ul>li{margin-bottom:7px}.projectCard>p{text-align:center;width:100%;font-size:15px;font-weight:100;position:relative;top:20px}.projectCard>p>span{font-weight:100}.projectCardPlatformImg{object-fit:contain;border-radius:10%;width:100%;height:18%;margin-top:3%;display:block}.projectCardDetails{background:0 0;height:-moz-fit-content;height:fit-content;margin:0% 3%;padding:15px;font-family:BlackLives;overflow:hidden}.projectCardDetails>h2{white-space:nowrap;text-overflow:ellipsis;width:110%;font-size:38px;display:block;overflow:hidden}.projectCardDetails>h5{text-align:left;width:100%;margin-top:0;font-size:16px;display:block}.projectCardDetails>p{margin-top:15px;margin-bottom:80px}.projectCardDetails>p>span{background:red;background:conic-gradient(rgba(32,32,32,.796) 0 0)padding-box,linear-gradient(#009dff,#8400ff)border-box;border:1px solid transparent;border-radius:85px;margin-bottom:10px;margin-right:5px;padding:5px 10px;font-size:90%;font-weight:lighter;display:inline-block}.button1{cursor:pointer;color:#fff;background:linear-gradient(90deg,#009dff,#8400ff,#8400ff,#009dff) 0 0/300% 100% border-box;border:3px solid transparent;border-radius:25px;justify-content:center;width:95%;height:-moz-fit-content;height:fit-content;padding:12px 10px;text-decoration:none;animation:1s forwards buttonHoverOut;display:flex;position:absolute;bottom:3%;left:50%;transform:translate(-50%)}.button1:active{opacity:.5}.button1:hover{animation:1s forwards buttonHoverIn}.button1 *{animation:1s forwards buttonContentHoverOut}.button1:hover *{animation:1s forwards buttonContentHoverIn}@keyframes buttonHoverIn{0%{background-position:0%;border:3px solid transparent}to{background-position:100%;border:3px solid rgba(255,255,255,.824)}}@keyframes buttonHoverOut{0%{background-position:100%;border:3px solid rgba(255,255,255,.824)}to{background-position:0%;border:3px solid transparent}}@keyframes buttonContentHoverIn{0%{letter-spacing:0}to{letter-spacing:5px}}@keyframes buttonContentHoverOut{0%{letter-spacing:5px}to{letter-spacing:0}}.button1>img{vertical-align:middle;filter:brightness(0)invert();width:30px;height:30px;margin-right:10px;display:inline-flex}.button1>h3{letter-spacing:2px;font-size:30px;display:inline-flex}@media (max-aspect-ratio:1){.projectCard{aspect-ratio:1;background:conic-gradient(rgba(0,0,0,.796) 0 0)padding-box,linear-gradient(#009dff,#8400ff)border-box;scroll-snap-align:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;opacity:.5;border:5px solid transparent;border-radius:35px;flex-shrink:0;width:95%;height:85%;transition:opacity .5s ease-in-out,transform .5s ease-in-out;transform:scale(.95)}.projectCard:hover,.projectCard-active{opacity:1;transform:scale(1)}.projectCard>div{scrollbar-width:none;background:rgba(255,0,0,0);border-radius:25px;width:100%;height:98%;overflow-y:scroll}.projectCard>p{text-align:center;width:100%;font-size:15px;font-weight:100;position:relative;top:20px}.projectCard>p>span{font-weight:100}.projectCardPlatformImg{height:15%}.projectCardDetails>h2{font-size:30px}.projectCardDetails>h5{font-size:15px}.projectCardDetails>p{margin-top:10px;margin-bottom:80px}.projectCardDetails>p>span{font-size:14px}.button1{width:85%}}
#section6Container{width:100vw;height:65vh;position:relative}#section6TextContainer{gap:20px;margin-left:10%;display:flex;position:relative}#section6Title{white-space:pre-line;margin-bottom:20px;font-family:BlackLives}#section6Text{text-align:center;vertical-align:middle;align-items:center;width:auto;height:75px;display:flex}#section6List{z-index:0;width:100%;height:auto;position:absolute;bottom:-25%}@media (max-aspect-ratio:1){#section6Container{z-index:1}#section6Title{font-size:50px}}
#section7Container{width:100vw;height:100vh;margin-top:15vh;position:relative}#section7TextContainer{gap:20px;display:flex;position:absolute;top:0%;left:50%;transform:translate(-50%,-50%)}#section7Title{white-space:pre-line;margin-bottom:20px;font-family:BlackLives}#section7CopyRight{text-align:center;vertical-align:middle;opacity:.7;align-items:center;font-size:1.5vw;display:flex;position:absolute;bottom:0%;left:50%;transform:translate(-50%,-50%)}#section7Desk{width:100%;height:-moz-fit-content;height:fit-content;display:block;position:absolute;bottom:0%}#cup-plant2{opacity:.85;width:100%;height:auto;position:absolute;bottom:0%;left:50%;transform:translate(-50%)}#s7-smoke{opacity:.5;mix-blend-mode:screen;width:20%;height:auto;margin-bottom:16%;position:relative;left:82%}#s7-smoke::-webkit-media-controls{opacity:0;display:none!important}#s7-smoke::-webkit-media-controls-panel{opacity:0;display:none!important}@media (max-aspect-ratio:1){#section7Title{white-space:pre-line;text-align:center;margin-top:80%;margin-bottom:20px;font-family:BlackLives}#section7CopyRight{text-align:center;vertical-align:middle;opacity:.7;align-items:center;font-size:4vw;display:flex;position:absolute;bottom:0%;left:50%;transform:translate(-50%,-50%)}#section7Desk{width:220%;height:-moz-fit-content;height:fit-content;display:block;position:absolute;bottom:10%;right:-5%}}
#LoadingScreen{z-index:999;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background-color:rgba(0,0,0,.63);width:100vw;height:100vh;margin:0;padding:0;position:fixed;overflow:hidden}.code-body{color:#fff;white-space:pre-wrap;text-align:left;width:100vw;font-size:1.5em;line-height:1.2;position:absolute;top:50%;left:55%;transform:translate(-50%,-50%)}.red{background:#ff5f56}.yellow{background:#ffbd2e}.green{background:#27c93f}.code-keyword{color:#c678dd}.code-string{color:#3b8d00}.code-hook{color:#61afef}.code-comment{color:#5c6370;font-style:italic}.cursor{color:#fff;font-weight:700;animation:.8s infinite blink}@keyframes blink{50%{opacity:0}}.bottom-right-anchor{z-index:100;align-items:center;gap:15px;display:flex;position:fixed;bottom:40px;right:40px}.loading-label{color:#fff;letter-spacing:2px;text-transform:uppercase;font-size:14px}.corner-loader-container{justify-content:center;align-items:center;width:60px;height:60px;display:flex;position:relative}.progress-svg{width:100%;height:100%;position:absolute;transform:rotate(-90deg)}.inner-logo{background:rgba(255,255,255,.05);border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:flex}
.dots-container{z-index:100;flex-direction:column;gap:8px;display:flex;position:fixed;top:40%;left:10px;transform:translateY(-50%)}.dot{background-color:transparent;border:2px solid rgba(255,255,255,.39);border-radius:50%;width:12px;height:12px;transition:all 1.5s cubic-bezier(.175,.885,.32,1.275);transform:scale(.8)}.dot.active{background-color:#fff;transform:scale(1.5);box-shadow:0 0 10px rgba(255,255,255,.5)}@media (max-aspect-ratio:1){.dots-container{z-index:100;flex-direction:row;gap:8px;display:flex;position:fixed;bottom:2%;left:50%;transform:translate(-50%,100%)}.dot{width:10px;height:10px}}