@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;overflow-x:clip;overflow-y:hidden}
#name{letter-spacing:5px;height:auto;font-family:BlackLives;font-size:90px}#position{letter-spacing:7.2px;font-size:35px;font-weight:lighter}#mainText{position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)}#mainText>h1{text-align:center}#cup-plant{opacity:.5;width:85%;position:absolute;top:60%;left:50%;transform:translate(-50%,-50%)}.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){#mainText>h3,#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){#section2Container{width:90vw;height:90vh;position:relative}#sectionText{text-align:left;width:100%}}
#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}#section4List{z-index:2;width:100%;height:auto;position:absolute;bottom:-25%}#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:90vh;position:relative}#section4TextContainer{flex-direction:column;gap:0;margin-top:45%;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}#section4List{z-index:2;width:100%;height:auto;position:absolute;bottom:-5%}#companyPhoto{object-fit:fill;aspect-ratio:16/9;opacity:1;width:120vw;height:auto;display:block;position:absolute;top:0;right:0;transform:translateY(-20%);-webkit-mask:linear-gradient(#000,#000,rgba(0,0,0,.31),transparent);mask:linear-gradient(#000,#000,rgba(0,0,0,.31),transparent)}}
.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}}
.expCard{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:90%;transition:opacity .5s ease-in-out,transform .5s ease-in-out;transform:scale(.95)}.expCard:hover,.expCard-active{opacity:1;transform:scale(1)}.expCard>div{scrollbar-width:none;background:rgba(255,0,0,0);border-radius:25px;width:100%;height:99%;overflow-x:hidden;overflow-y:scroll;overscroll-behavior:contain!important}.expCard>div>ul{margin:10px 30px;font-size:18px}.expCard>div>ul:last-child{margin-bottom:200px}.expCard>div>ul>li{margin-bottom:7px}.expCard>p{text-align:center;width:100%;font-size:15px;font-weight:100;position:relative;top:20px}.expCardTitleBack{background:rgba(0,0,0,.443);height:-moz-fit-content;height:fit-content;padding:15px;font-family:BlackLives;font-size:40px;position:relative;overflow:hidden}.expCardTitleBack>img{vertical-align:middle;object-fit:cover;border-radius:50%;width:45px;height:45px;margin:0 10px;display:inline-flex;transform:translateY(10px)}.expCardTitleBack>h2{letter-spacing:2px;font-size:26px;display:inline-flex}.expCardTitleBack>h5{text-align:left;width:100%;margin-top:0;margin-left:65px;font-size:14px;display:block}@media (max-aspect-ratio:1){.expCard{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)}.expCard:hover,.expCard-active{opacity:1;transform:scale(1)}.expCardTitleBack{height:-moz-fit-content;height:fit-content;position:relative}.expCard>div>ul{margin:10px 40px;font-size:18px}.expCard>div>ul>li{width:85%;margin-bottom:7px}}
#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}}
.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%}}