body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.animation-wrapper{align-items:center;border:0;display:flex;height:100dvh;justify-content:center;position:relative;width:100dvw;z-index:0}.boid-canvas{background-color:#101010}.boid-canvas,.click_wrapper{height:100dvh;left:0;position:absolute;top:0;width:100dvw}.click_wrapper{z-index:1}.click,.click_wrapper{align-items:center;display:flex;justify-content:center}.click{animation:scaleIn 1s forwards;background-color:#101010;border-radius:50%;flex-direction:column;height:calc(max(40dvw, 40dvh));left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:calc(max(40dvw, 40dvh))}@keyframes scaleIn{0%{transform:translate(-50%,-50%) scale(0)}to{transform:translate(-50%,-50%) scale(1)}}.click_to_start{color:#fff;font-size:calc(min(7dvw,7dvh));font-weight:10;margin:20px;text-align:center;transition:transform .5s;width:100%;width:200%}.click:hover .click_to_start{transform:scale(1.1);transition:transform .5s}.circle_explode{background-color:#17003d;border-radius:50%;height:calc(max(150dvw, 150dvh));opacity:1;position:absolute;transform:scale(0);width:calc(max(150dvw, 150dvh));z-index:100}.music-text{color:#fff;font-size:1.2rem;font-weight:250;opacity:0;text-align:center;transition:opacity .5s ease-in-out}.click:hover .music-text{opacity:1}.no-sound{height:50px;margin:20px;position:absolute;right:0;top:0;width:50px;z-index:2}.no-sound-icon{color:#fff;font-size:2rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.dropdown{display:flex;left:0;opacity:0;overflow:visible;position:absolute;top:0;transition:opacity .3s ease-in-out,transform .3s ease-in-out;width:200px}.no-sound:hover .dropdown{opacity:1;transform:translateX(-150px)}.dropdown p{color:#fff;font-size:1rem;font-weight:300;transition:color .5s}.circle_explode_animation{animation:boom 1.45s forwards}@keyframes boom{0%{opacity:1;transform:scale(0)}33%{opacity:1;transform:scale(.3)}66%{opacity:1;transform:scale(0)}to{opacity:1;transform:scale(1)}}@media (max-width:767px){.music-text{font-size:.8rem}}@media (min-width:768px) and (max-width:1366px){.music-text{font-size:1rem}}@media (min-width:1367px){.music-text{font-size:1.5rem}}.section-top{display:flex;height:100dvh;margin:0;padding:0;position:relative;width:100%;z-index:20}.nbody-canvas{background:#17003d;margin:0;padding:0}.section-top-wrapper{border-radius:0;height:100%;overflow:hidden;width:100%}.title{animation:fadeIn 5s;border-radius:60px;border-radius:25px;font-family:Roboto Slab,arial,helvetica,sans-serif;font-size:6dvh;font-weight:600;left:50%;padding:1%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);width:100%}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.line0{color:#fff;font-size:3dvh}.line0,.line1{display:block;font-weight:300;margin:0;position:block}.line1{-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(90deg,#8967ed,#ff6843);color:#0000;font-size:1.5rem}.line2{color:#d8bfd8;display:block;font-size:4rem}.line2,.line3{margin:0;position:block}.line3{-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(90deg,#efc66e,#691eea);color:#0000;font-size:1.2rem;font-weight:500}.scroll-down-indicator{animation:moveUp 1s ease-out forwards;border-top:1px solid #7a7a7a;bottom:0;color:#fff;font-size:1rem;left:3.25%;margin:0;position:absolute;text-align:right;transform-origin:left bottom;width:12.5%}@keyframes moveUp{0%{transform:translateY(1200%) rotate(-90deg)}to{transform:translateY(0) rotate(-90deg)}}@media (max-width:768px){.title{font-size:4dvh}.line0{font-size:2dvh}.line1{font-size:1rem}.line2{font-size:3rem}.line3{font-size:1rem}.scroll-down-indicator{display:none;font-size:.8rem;width:15%}}@media (max-width:1177px) and (min-width:769px){.title{font-size:3dvh}.line0{font-size:1.5dvh}.line1{font-size:.8rem}.line2{font-size:2.5rem}.line3{font-size:.8rem}.scroll-down-indicator{font-size:.8rem;width:15%}}.findme-wrapper{bottom:20px;left:50%;position:absolute;transform:translateX(-50%)}.findme{align-items:center;background-color:#0000;border:1px solid #7a7a7a;border-radius:50px;display:flex;gap:20px;justify-content:center;padding:7px;z-index:1}.copied-confirm{bottom:0;color:#fff;font-family:Lexend,sans-serif;left:0;opacity:0;position:absolute;transition:opacity .5s,transform .5s;width:500px;z-index:1}.iconwrap{background-color:#e1e1e1;border:1px solid #7a7a7a;border-radius:50%;cursor:pointer;gap:20px;height:35px;margin:0;overflow:hidden;padding:0;position:relative;width:35px;z-index:2}.iconwrap,.iconwrap a{align-items:center;display:flex;justify-content:center}.iconwrap a{height:100%;width:100%}.iconwrap img{display:flex;height:25px;left:50%;top:50%;width:25px;z-index:1}.line{background-color:#fff;border-radius:50px;height:10px;width:10px}@media (max-width:410px){.iconwrap{height:8dvw;width:8dvw}.iconwrap,.iconwrap img{min-height:20px;min-width:20px}.iconwrap img{height:6dvw;width:6dvw}.copied-confirm{left:60%}}@media ((min-width:411px) and (max-width:600px)){.copied-confirm{left:60%}}.contain{height:400dvh;position:relative}.rel{height:100dvh;position:absolute;top:0;width:100%;z-index:2}.about-me-section{background:#fff;overflow:hidden;position:relative;width:100dvw;z-index:5}.about-me-content,.about-me-section{align-items:center;height:100dvh;justify-content:center}.about-me-content{align-content:center;background-color:hsla(0,0%,100%,.538);color:#111;display:flex;flex-direction:column;font-family:serif;line-height:1;margin:auto;padding-left:20dvw;padding-right:20dvw;padding-top:5dvh;text-align:center;text-align:left;z-index:2}.about-me-content p{font-family:sans-serif;font-size:3dvh;font-weight:300}.about-me-header{align-items:center;flex-direction:row;font-family:Roboto Slab,Arial,Helvetica,sans-serif;font-size:9dvw;font-weight:500;gap:20px;line-height:1.2;position:relative;width:min-content;width:auto}.about-me-header,.meet{display:flex;justify-content:center}.meet{flex-direction:column;flex-shrink:0;transform:none}.about-me-header:after{background-color:#000;bottom:0;content:"";height:4px;left:0;position:absolute;transform:scaleX(0);transition:transform .75s ease-out;width:100%}.about-me-header:hover:after{transform:scaleX(1);transform-origin:bottom center}.highlight{background-position:0;background-repeat:no-repeat;background-size:0 100%;transition:background-size 2.5s ease-out}.orange{background-image:linear-gradient(90deg,#ffcc84 100%,#0000 0)}.grey{background-image:linear-gradient(90deg,#52e78672 100%,#0000 0)}.blue{background-image:linear-gradient(90deg,#81d5ff 100%,#0000 0)}.pink{background-image:linear-gradient(90deg,#cea0ff 100%,#0000 0)}.highlighted{background-size:100% 100%}.profile{align-items:center;cursor:pointer;display:flex;justify-content:center}.profile:hover{transform:scale(1.1) rotate(5deg);transition:transform .5s}.profile img{border-radius:50px;max-width:100%;object-fit:cover;width:9rem}.move_left3{animation:drawLine3 2s ease-in-out 1s forwards}@keyframes drawLine3{0%{stroke-dashoffset:2400}to{stroke-dashoffset:0}}@media (max-width:430px){.about-me-header{font-size:12dvw}.about-me-content p{font-size:1rem}.profile{display:none}}@media ((min-width:431px) and (max-width:800px)){.about-me-header{font-size:10dvw}.about-me-content p{font-size:1.2rem}.profile{display:none}}.pictures{background-color:#fff;height:100dvh;margin:0;min-height:100dvh;width:100dvw}.outline,.pictures{align-items:center;display:flex;justify-content:center;overflow:hidden;position:relative}.outline{border-radius:50px;height:97.5dvh;width:97.5dvw}.two_pictures{border-collapse:collapse;flex-direction:row;gap:0;height:100dvh;min-height:100dvh;position:absolute;width:100dvw;z-index:2}.two_pictures,.two_pictures .left,.two_pictures .right{align-items:center;display:flex;justify-content:center;margin:0;overflow:hidden}.two_pictures .left,.two_pictures .right{height:100%;position:relative;width:calc(50dvw + .5px)}.two_pictures img{border:none;height:150%;margin-top:-200px;object-fit:cover;width:100%}.two_pictures img.curtain_photo{margin-top:0;object-position:50% 75%}.two_pictures img.mirror{transform:scaleX(-1)}.twopicture_title{align-items:center;bottom:0;display:flex;flex-direction:column;gap:0;margin:0;position:absolute;text-align:center;z-index:4}.london{align-self:flex-end;-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(180deg,#002a8b,hsla(0,0%,100%,.158));color:#0000;font-family:Roboto Slab,arial,helvetica,sans-serif;font-size:20dvw;font-weight:100;line-height:1}.london,.small{margin:0;padding:0}.small{color:rgba(0,0,0,.768);font-size:2dvw;font-weight:200;line-height:0}.behind_picture{margin:0;overflow:hidden;position:absolute;width:100dvw;z-index:1}.behind_picture,.main_picture{align-items:center;display:flex;flex-direction:column}.main_picture{background-color:#f5f5f5;height:100%;justify-content:center;position:relative;width:100%}.main_picture img{height:calc(max(100dvw,100dvh));object-fit:cover;object-position:center;width:calc(max(100dvw,100dvh));z-index:2}.main_picture img.gradImage2{height:100%;object-fit:contain;object-position:center;width:100%}.main_picture_title{display:flex;gap:0;left:50%;margin:0;mix-blend-mode:difference;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%;z-index:4}.main_picture_text{color:#fff;font-size:10dvw;margin:0;padding:0;text-align:center;width:100%}.main_picture_text:hover{color:#000}@media (max-width:430px){.small{font-size:5dvw}.main_picture_text{font-size:25dvw}.two_pictures img.curtain_photo{object-position:50% 70%}}@media ((min-width:431px) and (max-width:758px)){.small{font-size:4dvw}.main_picture_text{font-size:15dvw}}.cv-section{background:#fff;height:80dvh;margin:0;padding:0;position:relative;text-align:center;width:100dvw;z-index:11}.container-cv,.cv-section{display:flex;justify-content:center}.container-cv{align-items:center;background-color:initial;flex-direction:column;overflow:hidden;width:100%;z-index:1}.cv-section-title span,.cv-section-title:hover span{transition:all .5s ease-in-out}.cv-section-title:hover span{-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(90deg,#32cb74,#09ad66);color:#0000;font-size:6rem}.svg-cv{height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.cv-section-title{font-size:5rem;margin:0;padding:0}.cv-section p{color:#555;font-size:1.2rem}.cv-buttons{display:flex;gap:15px;justify-content:center}.cv-btn{align-items:center;border-radius:6px;display:flex;font-size:3rem;font-weight:700;gap:8px;padding:12px 20px;text-decoration:none}.cv-btn .cv-icon{font-size:1.2rem}.download-btn{background:#00d679;color:#fff}.download-btn,.download-btn:hover{transition:background 1s ease-in-out,transform .5s}.download-btn:hover{background:linear-gradient(45deg,#00d679,#00a8cc);transform:scale(1.05)}.view-btn{background:#ddd;color:#222}.view-btn,.view-btn:hover{transition:background 1s ease-in-out,transform .5s}.view-btn:hover{background:linear-gradient(45deg,#ddd,#777);transform:scale(1.05)}.curvy-line2{fill:none;stroke:#ff6e6e;stroke-width:4;stroke-linecap:round;stroke-dasharray:2400;stroke-dashoffset:2400}.move_left2{animation:drawLine2 5s ease-in-out forwards}.cv-view{align-items:center;animation:open .5s ease-in-out forwards;background-color:#fff;color:#fff;display:flex;flex-direction:column;height:100dvh;justify-content:center;position:fixed!important;top:0;transform-origin:bottom;width:100dvw;z-index:100}.gol{background-color:#fff;image-rendering:pixelated;left:0;top:0}.cv-view-content,.gol{height:100%;position:absolute;width:100%}.cv-view-content-inner{flex-direction:column;gap:10px;height:100%;position:relative;width:100%}.cv-close,.cv-view-content-inner{align-items:center;display:flex;justify-content:center}.cv-close{background-color:#000;border-radius:50%;bottom:2%;color:#fff;cursor:pointer;height:48px;left:2%;padding:10px;position:absolute;width:48px}.view_link{background-color:#fff;border:2px solid #000;border-radius:20px;color:#000;font-size:1.5rem;height:10%;text-decoration:none;transition:font-size .5s ease-in-out;width:50%}.restart-animation-gol,.view_link{align-items:center;display:flex;justify-content:center}.restart-animation-gol{background-color:#000;border-radius:50%;bottom:2%;color:#fff;cursor:pointer;height:48px;padding:10px;position:absolute;right:2%;width:48px}.cv-icon-view{font-size:2rem}.inner-title-cv-view{border:2px solid #000;border-radius:20px;color:#000;font-size:6dvw;margin:0;padding:20px;transition:color .5s ease-in-out}.container-title-cv,.inner-title-cv-view{background-color:#fff}.inner-title-cv-view:hover{-webkit-background-clip:text;background-clip:text;background-color:#fff;background-image:linear-gradient(90deg,#ff0606,#ff9706);color:#0000}.loop-icon-cv-rotate{animation:rotate .5s linear infinite}.ai-link-cv:hover,.se-link-cv:hover{font-size:1.6rem}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes drawLine2{0%{stroke-dashoffset:2400}to{stroke-dashoffset:0}}@media (max-width:600px){.cv-section-title{font-size:3rem}.view_link{font-size:1rem}.cv-section p{font-size:.9rem}.cv-section-title:hover span{font-size:3.5rem}.cv-btn{font-size:7dvw}}@media (min-width:601px) and (max-width:1000px){.cv-section-title{font-size:3rem}.view_link{font-size:1.5rem}.cv-section p{font-size:.9rem}.cv-section-title:hover span{font-size:3.5rem}.cv-btn{font-size:7dvw}}.onePicture{background-color:#fff;height:100dvh;margin:0;overflow:hidden;width:100dvw}.onePicture,.segment{align-items:center;display:flex;flex-direction:column;position:relative}.segment{background-color:#f5f5f5;height:100%;justify-content:center;width:100%}.segment img{height:130%;margin-top:-200px;object-fit:cover;object-position:bottom;width:130%}.segment img.gradImage{height:100%;margin-top:0;object-fit:contain;object-position:center;width:100%}.onePicture .text{-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(180deg,#9d0000,#ca005be6);color:#0000;display:flex;font-size:9dvw;justify-content:center;left:50%;position:absolute;text-align:center;top:25%;transform:translate(-50%,-25%);transition:all .5s;width:80%;z-index:2}.text:hover{font-weight:1000}@media ((min-width:431px) and (max-width:600px)){.onePicture .text{font-size:5rem}}@media (max-width:430px){.onePicture .text{font-size:3rem}}.projects{background-color:#fff;color:#151515;display:flex;flex-direction:column;padding:20px 100px 200px;position:relative;z-index:3}.rotated-title{color:#333e84;font-size:9rem;font-weight:700;left:-155px;pointer-events:none;position:absolute;top:330px;transform:rotate(-90deg) translateY(-150px);white-space:nowrap;z-index:2}.description{color:hsla(0,0%,5%,.775);display:flex;font-family:serif;font-size:2rem;font-style:underline;font-weight:700;justify-content:left;margin-top:50px;padding:10px 40px;text-align:left;width:100%;z-index:1}.project-list{display:flex;flex-direction:column;gap:20px;padding:0 40px;position:relative;z-index:1}.project{align-items:center;background:#f88b67;border-radius:8px;display:flex;justify-content:space-between;padding:15px 20px;text-decoration:none!important;transition:background .3s ease-in-out;transition:padding-left .5s}.project-left{display:flex;flex-direction:column;padding-left:100px;text-decoration:none}.project-left h3{color:#000;font-size:6rem;margin:0}.year{font-size:.9rem;opacity:.7}.project-right{text-align:right;text-decoration:none}.project-right h4{color:#fff;font-family:serif;font-size:2rem;margin:0}.project-right p{color:#000;font-size:1rem;font-weight:700}.svg_projects{height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.curvy-line{fill:none;stroke:#ff6e6e;stroke-width:5;stroke-linecap:round;stroke-dasharray:2400;stroke-dashoffset:2400}.move_left{animation:drawLine 7s ease-in-out .5s forwards}@keyframes drawLine{0%{stroke-dashoffset:2400}to{stroke-dashoffset:0}}.hidden_rotated{filter:blur(5px);opacity:0;transform:translateX(-10%) rotate(-90deg)}.show{transition:all 2s}.skill:hover{transform:scale(1.1);transition:transform .5s}@media (min-width:1000px){.project:hover{padding-left:150px;transition:padding-left .5s}}@media ((min-width:769px) and (max-width:999px)){.project:hover{padding-left:50px;transition:padding-left .5s}.project-left h3{font-size:2.5rem}}@media (max-width:768px){.projects{padding:20px}.project,.projects-container{flex-direction:column}.project{align-items:flex-end;gap:10px;min-width:100px}.project-right,.year{text-align:right}.floating-icon{height:40px;width:40px}.project-left h3{font-size:2rem;text-align:right}.project-right p{font-size:.5rem}.description,.project-right h4{font-size:1rem}.description{padding:10px 20px}.rotated-title{font-size:8.3rem}}.myskills{align-items:top;background-color:#390095;display:flex;flex-direction:column;height:calc(max(70dvh, 70dvw));justify-content:top;margin:0;padding:150px 0 100px;position:relative;transform:translateZ(0);will-change:transform;z-index:1}.curve{top:-.5px;transform:scaleY(0);transform-origin:top}.curve,.curve-bottom{left:0;position:absolute;transition:transform .3s ease-out;width:100%;z-index:3}.curve-bottom{bottom:-10.5px;transform:scale3d(1.1,0,1);transform-origin:bottom}.skills-title{align-items:center;color:#ff9500;display:flex;flex-direction:column;gap:0;justify-content:center;left:50%;mix-blend-mode:difference;padding:0;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:10}.skills-title h1{font-size:10rem;margin:0;padding:0}.skills-title p{font-size:1.5rem;margin:0;padding:0}.skills{color:#e6e6e6}.better-view{align-items:center;border:1px solid #ff9500;border-radius:50px;display:flex;flex-direction:column;gap:50px;justify-content:center;margin:20px;mix-blend-mode:normal;padding:10px 5px}.better-view p{font-size:1rem;margin:0;padding:0}.better-view:hover{background-color:#ff9500;color:#390095;transform:scale(1.1);transition:.5s}.skills-sections{align-items:flex-start;display:flex;gap:60px;justify-content:center;left:50%;opacity:0;position:absolute;top:55%;transform:translate(-50%,-50%);width:min(1100px,85dvw);z-index:2}.skills-section{flex:1 1;min-width:320px}.skills-section-title{color:#ff9500;font-size:1.6rem;letter-spacing:.5px;margin:0 0 18px;text-align:center}.skills-grid{display:flex;flex-wrap:wrap;gap:22px;list-style:none;margin:0;padding:0}.skill,.skills-grid{justify-content:center}.skill{align-items:center;display:inline-flex;position:relative;z-index:1}.skill:hover{z-index:50}.skill-icon{height:92px;object-fit:contain;width:92px}.hover-text-skill{background-color:#ff9500;border-radius:10px;color:#fff;left:50%;padding:10px;pointer-events:none;position:absolute;top:-10px;transform:translate(-50%,-100%);white-space:nowrap;z-index:10}@media (max-width:768px){.myskills{height:calc(max(200dvh, 200dvw))}.skills-title h1{font-size:5rem}.skills-sections{flex-direction:column;gap:35px;top:60%;width:90vw}.skills-section{min-width:0;min-width:auto}.skill-icon{height:56px;width:56px}}@media (min-width:768px) and (max-width:1500px){.myskills{height:calc(max(175dvh, 175dvw))}.skills-title h1{font-size:6rem}.skills-sections{gap:45px;width:75dvw}.skill-icon{height:72px;width:72px}}.footer{bottom:0;display:flex;flex-direction:column;height:100dvh;left:0;position:relative;text-align:center;width:100dvw}.footer_text{color:#ff6fa4;font-size:1.5rem;margin:0;padding:200px}.footer h1{color:#ff6fa4;font-size:clamp(2rem,15dvw,10rem);transform:translate(-50%,-50%);transform-origin:center;width:100%}.footer h1,.svg-footer{left:50%;margin:0;padding:0;position:absolute;top:50%}.svg-footer{display:block;height:auto;transform:translate(-50%,-50%);width:100dvw;z-index:0}.curvy-line4{fill:none;stroke:#ff6e6e;stroke-width:4;stroke-linecap:round;stroke-dasharray:3000;stroke-dashoffset:0}.move_left4{animation:drawLine4 5s ease-in-out forwards}@keyframes drawLine4{0%{stroke-dashoffset:3000}to{stroke-dashoffset:0}}.footer-container{background-color:#fff;flex-direction:column;min-height:auto;width:100dvw;z-index:20}.footer-container,.footer-pong{align-items:center;display:flex;position:relative}.footer-pong{background-color:#9c9cff;border-radius:50px;justify-content:center;margin-top:2.5rem;overflow:hidden;width:90%;z-index:2}.footer-pong canvas{background-color:initial;overflow:hidden;z-index:10}.score-footer{flex-direction:row;font-size:90dvw;justify-content:space-between;width:100%;z-index:3}.footer-pong-start-button,.score-footer{align-items:center;color:#fff;display:flex;font-family:serif;position:absolute}.footer-pong-start-button{border:5px solid #fff;border-radius:100px;cursor:pointer;font-size:4rem;justify-content:center;margin:0;padding:30px;z-index:200}.container-text-foot{align-items:center;background-color:#e95353;border-radius:50px;display:flex;flex-direction:column;gap:10px;justify-content:center;margin-top:2.5rem;overflow:hidden;position:relative;width:90%}.footer-bottom{margin:1.5rem 0 3rem;width:100%;z-index:2}.footer-bottom,.footer-left{display:flex;justify-content:space-between}.footer-left{margin:0 1rem 0 2.5rem}.footer-left,.footer-right{align-items:start;width:50%}.footer-right{display:flex;justify-content:space-between;margin:0 2.5rem 0 1rem}.left-foot-text{color:#000;font-family:sans-serif;font-size:2rem;font-weight:700;margin:0}.footer-page{align-items:start;margin:0}.footer-page-container{display:flex;flex-direction:row;font-size:1.5rem;gap:40px;text-align:right}.footer-page p{color:#000;font-size:2rem;font-weight:700;margin-top:0;text-align:right}.email-footer{color:#000;cursor:pointer;font-size:1.25rem;text-align:right;transition:opacity .5s ease-in-out}.email-footer span{font-size:1.5rem;font-weight:700}.copied-footer{color:#fff;margin-top:20px;opacity:0;transform:translateX(100%);transition:opacity .5s ease-in-out,transform .5s ease-in-out}.footer-page-left{text-align:right}.footer-page-left,.footer-page-right{display:flex;flex-direction:column;gap:5px}.footer-page-right{text-align:left}.footer-page-left div,.footer-page-right div{cursor:pointer}.footer-social p{color:#000;font-size:2rem;font-weight:700;margin-top:0;text-align:left}.social-icons{display:flex;flex-direction:row;gap:20px}.social-icons-link{align-items:center;color:#000;display:flex;font-size:1.2rem;text-decoration:none}.social-icons-left,.social-icons-right{display:flex;flex-direction:column;gap:5px}.social-icons img{display:block;height:30px;margin-right:5px;width:30px}.icon-name-foot{color:#000;font-size:1.5rem}.footer-credits{color:#000;font-family:sans-serif;font-size:3rem;margin-top:2.5rem;text-align:center}.footer-credits span{font-size:9rem;font-weight:700}.icon-name-foot{display:inline}.name-bottom{display:flex;flex-direction:row;font-family:sans-serif;font-weight:700;justify-content:space-between;margin-bottom:12px;margin-top:11px;width:90%}.name-bottom-left{text-align:left}.name-bottom-mid{text-align:center}.name-bottom-right{text-align:right}@media (max-width:699px){.footer-credits{font-size:1rem}.footer-credits span{font-size:3rem}.email-footer,.left-foot-text{display:none}.footer-page-container{font-size:1rem;gap:20px}.icon-name-foot{display:none;font-size:1rem}.footer-page p,.footer-social p{font-size:1.5rem}.score-footer{font-size:80dvw}.name-bottom{font-size:.75rem}}@media ((min-width:700px) and (max-width:1000px)){.footer-left{width:25%}.footer-right{width:75%}.footer-credits{font-size:1.5rem}.footer-credits span{font-size:4rem}.email-footer{font-size:1rem}.left-foot-text{display:none}.footer-page-container{font-size:1rem;gap:20px}.icon-name-foot{font-size:1rem}.footer-page p,.footer-social p{font-size:1.5rem}.score-footer{font-size:95dvw}.name-bottom{font-size:.75rem}}.contain-bottom{position:relative}.stay-bottom{bottom:0;height:100dvh;position:absolute;width:100%;z-index:2}.home{overflow-x:hidden;width:100dvw}.home,.main_page{overflow:visible;position:relative;z-index:0}.main_page{height:100%;width:100%}.home-wrapper{height:100dvh;overflow-x:hidden;overflow-y:auto;position:relative;scroll-behavior:smooth;width:100dvw}.globe-container{left:0;pointer-events:none;position:fixed;top:0;z-index:9}.section-experience{transform:translateZ(0);will-change:transform;z-index:20}.section-experience,.stickySection{background-color:#fff;position:relative}.stickySection{height:500vh;z-index:22}.sticked-item{height:100dvh;position:sticky;top:0}.title-experience{border-top:2px solid #000;color:#000;font-size:4rem;margin-top:75px;text-align:left}.text-wrapper-education,.title-experience{margin-left:7.5%;margin-right:7.5%;width:85%}.text-wrapper-education{display:flex;flex-direction:column;height:100dvh}.education-item-header{align-items:center;display:flex;height:20%;justify-content:space-between;padding-top:30px}.sticked-item h2{color:#ff5e5e;font-size:6dvw;margin-bottom:10px;text-align:left}.education-duration{color:#000;font-size:1rem;font-weight:700}.top-aboout-edu{display:flex;height:80%}.education-uni-details{color:#000;font-size:2dvw;margin-top:20px;text-align:left;transition:opacity .5s;width:80%}.uniImg{align-items:center;display:flex;flex-direction:row;justify-content:space-between;margin-top:75px;transition:opacity .5s;width:100%}.edu-uni-img{aspect-ratio:16/9;border:2px solid #000;height:auto;object-fit:cover;object-position:center;width:47.5%}.edu-uni-img-mti{object-position:center 20%}.education-degree{color:#000;font-size:3rem;margin:0;text-align:left;transition:opacity .5s}.honors{color:#ffa621;font-size:1.5rem;font-style:italic}.my-kcl-experience{border-bottom:4px solid #ff5e5e;border-top:4px solid #ff5e5e;color:#000;font-size:2rem;margin-left:15%;margin-top:50px;padding-bottom:20px;padding-top:20px;width:80%}.sticky-section-modules-absolute{background-color:#000;height:200dvh;position:absolute;top:300dvh;width:100%;z-index:1000}.sticky-section-modules-relative{height:400dvh;position:relative;top:0}.sticky-section-modules-sticked{background-color:#fff;border-top:2px solid #000;height:100dvh;position:sticky;top:0}.sticky-section-modules-sticked h2{color:#000;font-size:4rem;margin-bottom:10px;margin-left:10%;margin-top:0;padding-top:70px;text-align:left}.module-wrapper{align-items:center;display:flex;height:75%;justify-content:space-between;width:100%}.module-title{margin-left:1%;overflow:hidden;position:relative;width:38.75%}.module-title,.module-title-explanation{border-radius:50px;height:99.5%;transition:background .25s ease-in-out}.module-title-explanation{align-items:center;display:flex;justify-content:center;margin-right:1%;width:58.75%}.module-title-explanation-inner p{font-size:4rem}.module-title-explanation-inner{padding-left:10%;padding-right:5%}.module-list{display:flex;flex-direction:column;gap:50px;list-style:none;padding:0 5%;position:absolute;text-align:center;top:50%;width:90%}.module-title-key-color{padding-right:5%;text-align:right}.level-4-key{color:#ffc300}.level-5-key{color:#ff5733}.level-6-key{color:#c70039}.level-7-key{color:#900c3f}.module-item{color:#000;font-size:3rem;opacity:1;transition:all .5s ease-out}@media (max-width:430px){.title-experience{font-size:3rem}.education-item-header h2{font-size:calc(max(7dvw,1rem))}.education-duration{font-size:3dvw;text-align:right}.education-uni-details{font-size:calc(max(5dvw,.75rem));margin-top:10px;width:90%}.uniImg{flex-direction:column;gap:20px;margin-top:20px}.edu-uni-img{width:calc(max(55dvw,200px))}.education-degree{font-size:1.25rem}.honors,.my-kcl-experience{font-size:1rem}.sticky-section-modules-sticked h2{font-size:2rem}.module-title-key-color{font-size:.8rem}.module-title-explanation-inner p{font-size:1rem}.module-item{font-size:1.5rem}}@media (min-width:431px) and (max-width:768px){.title-experience{font-size:3rem}.education-item-header h2{font-size:calc(max(7dvw,1rem))}.education-duration{font-size:3dvw;text-align:right}.education-uni-details{font-size:calc(max(3dvw,1rem));margin-top:10px;width:90%}.uniImg{flex-direction:column;gap:20px;margin-top:20px}.edu-uni-img{width:calc(max(40dvw,200px))}.education-degree{font-size:1.25rem}.honors,.my-kcl-experience{font-size:1rem}.sticky-section-modules-sticked h2{font-size:2rem}.module-title-key-color{font-size:.8rem}.module-title-explanation-inner p{font-size:1rem}.module-item{font-size:1.5rem}}@media (min-width:768px) and (max-width:1024px){.title-experience{font-size:3rem}.education-item-header h2{font-size:calc(max(7dvw,1rem))}.education-duration{font-size:3dvw;text-align:right}.education-uni-details{font-size:calc(max(3.5dvw,1rem));margin-top:10px;width:90%}.uniImg{flex-direction:column;gap:20px;margin-top:50px}.edu-uni-img{width:calc(max(50dvw,200px))}.education-degree{font-size:2.25rem}.honors{font-size:1rem}.my-kcl-experience{font-size:1.75rem}.sticky-section-modules-sticked h2{font-size:2rem}.module-title-key-color{font-size:.8rem}.module-title-explanation-inner p{font-size:3rem}.module-item{font-size:2.5rem}}.section-malaysia{background-color:#fff;flex:1 0 auto;height:100%;left:0;padding:0;position:relative;width:100%;z-index:30}.title-experience-mal{border-top:2px solid #000;color:#000;font-size:4rem;margin:75px 7.5% 0;text-align:right;width:85%}.education-item-header-mal{align-items:center;display:flex;justify-content:space-between;padding-top:30px}.education-item-header-mal h2{color:#607ef6;font-size:4rem;margin-bottom:10px;text-align:left}.education-duration-mal{color:#000;font-size:1rem;font-weight:700}.sticky-section-mal{background-color:#fdfdfd;height:400dvh;position:relative;z-index:22}.sticked-item-mal{position:sticky;top:0}.education-mal-details{color:#000;display:flex;font-size:2.5rem;margin-left:auto;margin-top:20px;position:relative;text-align:right;width:80%}.ky-img{align-items:center;display:flex;flex-direction:row;justify-content:space-between;margin-top:75px;width:100%}.ky-img-single{justify-content:center}.ky-img-single .edu-ky-img{width:100%}.edu-ky-img{aspect-ratio:16/9;border:2px solid #000;height:auto;object-fit:cover;width:47.5%}.education-alevels-mal{color:#000;font-size:3rem;margin:0;text-align:right;transition:opacity .5s}.alevels-mal-details{color:#ff8352;font-size:1.5rem;font-style:italic;text-align:right}.my-ky-experience{border-bottom:4px solid #007bff;border-top:4px solid #007bff;color:#000;font-size:2rem;margin-top:50px;padding-bottom:20px;padding-top:20px;width:80%}.kdu-section-mal{background-color:#fff;border-top:2px solid #000;height:100dvh;position:absolute;top:300dvh;width:100%;z-index:30}.education-item-header-mal-kdu{align-items:center;display:flex;justify-content:space-between}.education-item-header-mal-kdu h2{color:#95c88d;font-size:4rem;margin-bottom:10px;text-align:left}.education-kdu-mal{color:#000;font-size:3rem;margin:0;text-align:left;transition:opacity .5s}.kdu-mal-details{color:#ff8352;font-size:1.5rem;font-style:italic;text-align:right}.my-kdu-experience{border-bottom:4px solid #95c88d;border-top:4px solid #95c88d;color:#000;font-size:2.5rem;margin-left:15%;margin-top:50px;padding-bottom:20px;padding-top:20px;width:80%}@media (max-width:767px){.title-experience-mal{font-size:2rem}.education-item-header-mal h2{font-size:calc(max(7dvw, 1rem));text-align:right}.education-mal-details{font-size:calc(max(5dvw, .75rem));margin-top:10px;width:90%}.ky-img{flex-direction:column;gap:20px;margin-top:20px}.edu-ky-img{width:calc(max(55dvw, 200px))}.education-alevels-mal{font-size:1.25rem}.alevels-mal-details,.my-ky-experience{font-size:1rem}.education-item-header-mal-kdu h2{font-size:calc(max(7dvw, 1rem))}.education-duration-mal{font-size:3dvw}.education-kdu-mal{font-size:calc(max(5dvw, .75rem));margin-top:10px;width:90%}.kdu-mal-details{font-size:1.25rem}.my-kdu-experience{font-size:1.1rem}}@media (min-width:768px) and (max-width:1024px){.title-experience-mal{font-size:3rem}.education-item-header-mal h2{font-size:calc(max(7dvw, 1rem));text-align:right}.education-duration-mal{text-align:left}.education-mal-details{font-size:calc(max(3.5dvw, 1rem));margin-top:10px;width:90%}.ky-img{flex-direction:column;gap:20px;margin-top:50px}.edu-ky-img{width:calc(max(50dvw, 200px))}.education-alevels-mal{font-size:2.25rem}.alevels-mal-details{font-size:1.25rem}.my-ky-experience{font-size:1.75rem;margin-top:100px}.education-item-header-mal-kdu h2{font-size:calc(max(7dvw, 1rem))}.education-duration-mal{font-size:3dvw}.education-kdu-mal{font-size:calc(max(5dvw, .75rem));margin-top:10px;width:90%}.kdu-mal-details{font-size:1.5rem}.my-kdu-experience{font-size:2rem}}.about-page{align-items:end;background:linear-gradient(180deg,#fff,#fff);height:100dvh;justify-content:center;overflow:hidden;width:100dvw}.about-page,.frame{display:flex;position:relative}.frame{background:linear-gradient(0deg,#c579ff,#f7b23b);border-top-left-radius:20px;border-top-right-radius:20px;flex-direction:column;height:80dvh;margin:0;overflow-x:hidden;overflow-y:auto;transition:width .5s ease-in-out,height .5s ease-in-out,border-top-left-radius .5s ease-in-out,border-top-right-radius .5s ease-in-out;width:90dvw;z-index:1}.section-about{flex:1 0 auto;height:100%;left:0;padding:0;position:relative;text-align:center;width:100%}.title-about{color:#f7f7f7;font-size:10rem;top:0;transform:translate(-50%,-100dvh);transition:transform 2s ease-in-out}.title-about,.title-about-from-country{font-family:serif;left:50%;letter-spacing:2px;position:absolute;text-align:center;width:100dvw}.title-about-from-country{color:#33b98d;font-size:8rem;line-height:5rem;top:10%;transform:translate(-50%,-10%);z-index:10}.title-about-from-country span{font-size:2.5rem}.title-about-to-country{color:#101d50;font-family:serif;font-size:7.5rem;left:50%;letter-spacing:2px;position:absolute;text-align:center;top:5%;transform:translate(-50%,-5%);width:100dvw;z-index:10}.title-about-to-country span{font-size:4rem}.title-about-to-uni{color:#ff4848;font-family:serif;font-size:8rem;left:50%;padding-left:20px;padding-right:20px;position:absolute;text-align:center;top:5%;transform:translate(-50%,-5%);width:100dvw;z-index:10}.title-about-to-uni span{color:#f97959;font-size:4rem}.title-about-to-globe{color:#1a1a1a;font-family:serif;font-size:6rem;left:50%;letter-spacing:2px;position:absolute;text-align:center;top:25%;transform:translate(-50%,-25%);width:100dvw;z-index:10}.title-about-to-globe span{-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(90deg,red,#05a7ff);color:#0000;font-size:10rem}.title-about-to-home{color:#1b1b1b;font-family:serif;font-size:6rem;left:50%;letter-spacing:2px;position:absolute;text-align:center;top:90%;transform:translate(-50%,-90%);width:100dvw;z-index:10}.title-about-to-home span{color:#f5f5f5;font-size:10rem}.side-text{animation:slide 10s linear infinite;color:#0006;display:flex;flex-direction:column;font-family:Playfair Display,serif;font-size:.9rem;gap:20px;position:absolute;top:0;width:auto}.side-text p{align-items:center;display:flex;height:120px;justify-content:center;line-height:1;margin:0;padding:0;white-space:nowrap}@keyframes slide{0%{transform:translateY(0)}to{transform:translateY(-100dvh)}}.side-text.left{left:-.5%}.side-text.left p{transform:rotate(-90deg)}.side-text.right{right:-.5%}.side-text.right p{transform:rotate(90deg)}@media (max-width:499px){.title-about{font-size:10dvw;top:10%}.title-about-from-country{font-size:3rem;line-height:3rem}.title-about-from-country span{font-size:1.5rem}.title-about-to-country{font-size:3rem}.title-about-to-country span{font-size:2rem}.title-about-to-uni{font-size:3rem}.title-about-to-uni span{font-size:2rem}.title-about-to-globe{font-size:3rem}.title-about-to-globe span{display:block;font-size:3.5rem}.title-about-to-home{font-size:1.75rem}.title-about-to-home span{font-size:3rem}.side-text{display:none}}@media ((min-width:500px) and (max-width:900px)){.title-about{font-size:10dvw}.title-about-from-country{font-size:4rem;line-height:4rem}.title-about-from-country span{font-size:1.5rem;line-height:0}.title-about-to-country{font-size:4rem}.title-about-to-country span{font-size:3rem}.title-about-to-uni{font-size:4rem}.title-about-to-globe,.title-about-to-uni span{font-size:3rem}.title-about-to-globe span{font-size:4.5rem}.title-about-to-home{font-size:2rem}.title-about-to-home span{font-size:4rem}.side-text{display:none}}@media ((min-width:901px) and (max-width:1322px)){.title-about{font-size:10dvw}.title-about-from-country{font-size:6rem;line-height:4rem}.title-about-from-country span{font-size:2.5rem;line-height:0}.title-about-to-country{font-size:6rem}.title-about-to-country span{font-size:3rem}.title-about-to-uni{font-size:5rem}.title-about-to-globe,.title-about-to-uni span{font-size:3rem}.title-about-to-globe span{font-size:6.5rem}.title-about-to-home{font-size:3rem}.title-about-to-home span{font-size:8rem}.side-text{display:none}}.slime{height:100%;left:0;position:fixed;top:0;width:100%}.contact-card{border-radius:50px;padding:0 20px;width:800px}.contact-card,.title-container{display:flex;flex-direction:column}.title-container{align-items:center;background-color:#ffffffa6;border:1px solid #0000004d;border-radius:10px;height:25dvh;justify-content:center;text-align:center}.title-container h1{align-self:center;color:#000;font-family:serif;font-size:6rem;font-weight:600;line-height:1.1;margin:0 0 10px;padding:0}.title-container h1:hover{animation:breath 3s infinite}@keyframes breath{0%{letter-spacing:0}50%{letter-spacing:-1.5px}to{letter-spacing:0}}.title-container p{color:#000;font-size:1.2rem;font-weight:300;margin-left:20px;margin-right:20px;margin-top:0}form{width:100%}.contact-card input,.contact-card textarea{background:#ffffffa6;border:1px solid #0000004d;border-radius:8px;color:#000;font-size:14px;margin:8px 0;outline:none;padding:12px 0 12px 12px;transition:background .25s,border-color .25s;width:98.5%}.contact-card input:focus,.contact-card textarea:focus{background:#070707cc;border-color:#070707cc}.contact-card button{background:#000;border:none;border-radius:8px;color:#fff;font-family:Roboto Slab,arial,helvetica,sans-serif;font-size:16px;font-weight:700;padding:12px;transition:transform 1s;width:100%}.contact-card button:hover{cursor:pointer;transform:scale(1.03)}.contact-card input::placeholder,.contact-card textarea::placeholder{color:#000;font-size:14px;font-style:italic;transition:color .3s ease-in-out}.contact-card input:focus,.contact-card input:focus::placeholder,.contact-card textarea:focus,.contact-card textarea:focus::placeholder{color:#fff}@media (max-width:430px){.title-container h1{font-size:2.5rem}.title-container p{font-size:1rem;line-height:auto}}@media (min-width:431px) and (max-width:700px){.title-container h1{font-size:4rem}.title-container p{font-size:1rem;line-height:auto}}.links-wrapper{background-color:#ffffffa6;border:1px solid #0000004d;border-radius:10px;display:flex;margin-left:10px;position:relative}.links{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;padding:7px;z-index:2}.copied-confirm-links{bottom:0;color:#000;font-family:serif;left:0;opacity:0;position:absolute;transition:opacity .5s,transform .5s;width:500px;z-index:-1}.iconwrap-links{align-items:center;background-color:#fff;border:1px solid #000;border-radius:50%;cursor:pointer;display:flex;gap:20px;height:35px;justify-content:center;margin:0;overflow:hidden;padding:0;position:relative;transition:background-color .5s;width:35px;z-index:2}.iconwrap-links:hover{background-color:#ffdb99}.iconwrap-links img{align-items:center;display:flex;height:25px;justify-content:center;left:50%;top:50%;width:25px;z-index:1}.line-links{background-color:#000;border-radius:50px;height:10px;width:10px}@media (max-width:1161px){.copied-confirm-links{width:100%}}.contact-container{align-items:center;display:flex;flex-direction:row;height:100dvh;justify-content:center;opacity:1;width:100dvw;will-change:transform,opacity;z-index:3}.projects-page-wrapper{height:100dvh;overflow-x:hidden;overflow-y:auto;position:relative;scroll-behavior:auto;width:100dvw}.projects-container-relative{background-color:#ee6969;height:1000dvh;position:relative;width:100%}.projects-header-stiky{align-items:center;background-color:#fff;display:flex;flex-direction:column;height:100dvh;justify-content:end;position:sticky;top:0;transition:background-color .5s linear;width:100%;z-index:1}.projects-header{align-items:end;background-color:initial;display:flex;flex-direction:row;height:30dvh;justify-content:space-between;position:relative;text-align:center;transition:color .5s linear;width:90%}.title-proj-page{align-items:end;border:none;display:flex;font-family:serif;font-size:6rem;height:30%;justify-content:center;padding:10px;width:60%;z-index:10}.description-proj-page{border-right:1px solid #fff;justify-content:right;text-align:right}.description-proj-page,.tech-proj-page{align-items:end;display:flex;font-family:serif;font-size:1.5rem;padding:10px;width:25%}.tech-proj-page{border-left:1px solid #fff;justify-content:left;text-align:left}.projects-container{background-color:initial;height:70dvh;overflow:hidden;position:relative;width:100dvw;z-index:2}.proj-item-page{background-color:#f59663;display:flex;font-size:10rem;height:100%;justify-content:center;left:5%;opacity:1;position:absolute;top:100%;transform-origin:top;transition:background-color .2s linear;width:90%;z-index:3}.proj-item-page img{height:auto;mix-blend-mode:multiply;object-fit:cover;width:100%}.wrapper-proj-header{align-items:center;display:flex;height:40%;justify-content:center;width:100%}@media (max-width:430px){.title-proj-page{border:none!important;font-size:3rem;width:100%}.description-proj-page{font-size:1rem}.tech-proj-page{font-size:.9rem}.proj-item-page{font-size:6rem}.projects-container{height:50dvh}.projects-header{align-items:center;display:flex;flex-direction:column;height:50dvh;justify-content:center;padding-top:40px}.tech-proj-page{width:50%}}@media (min-width:431px) and (max-width:867px){.title-proj-page{border:none!important;font-size:3.8rem;width:100%}.description-proj-page,.tech-proj-page{font-size:1rem}.proj-item-page{font-size:6rem}.projects-container{height:50dvh}.projects-header{align-items:center;display:flex;flex-direction:column;height:50dvh;justify-content:center;padding-top:40px}.tech-proj-page{width:50%}}@media (min-width:868px) and (max-width:1300px){.title-proj-page{border:none!important;font-size:5rem;width:100%}.description-proj-page,.tech-proj-page{font-size:1rem}.proj-item-page{font-size:6rem}.projects-container{height:50dvh}.projects-header{align-items:center;display:flex;flex-direction:column;height:50dvh;justify-content:center;padding-top:40px}.tech-proj-page{width:50%}}.navbar{height:80px;position:fixed;top:0;width:100%;z-index:2000!important}.background_white{background:#fff;border:1px solid #000!important;transition:background .4s ease-in-out}.background_transparent{background:#0000;border:1px solid #7a7a7a;transition:background .4s ease-in-out}.background_black{background:#1b1b1b;border:none;transition:background .4s ease-in-out}.box-colored-purple{background:#512e8b}.box-colored-white{background:#fff}.box-colored-black{background:#1b1b1b}.box-colored-orange{background:#fdc85e}.box-colored-black-light{background:#343434}.box-colored-lightpurple{background:#a880e9}.text-black{color:#000}.text-white{color:#fff}.line-colored-black{background:#000!important}.line-colored-white{background:#fff}.line-colored-orange{background:#fdc85e!important}.line-colored-lightpurple{background:#a880e9!important}.navbar-wide{background-color:initial;display:flex;height:100%;position:relative;transform:translateY(-100%);transition:transform 1s;width:100%}.leftNav{height:42px;left:2dvw;margin:0;overflow:hidden;padding:0;top:50%;transform:translateY(-50%);width:100px}.box,.leftNav{align-items:center;border-radius:50px;cursor:pointer;display:flex;position:absolute;z-index:-1}.box{bottom:-100%;height:100%;justify-content:center;left:0;transition:background .4s ease-in-out,transform .3s ease-out;width:100%}.text_box{height:50%;left:50%;overflow:hidden;position:relative;top:50%;transform:translate(-50%,-100%)}.old_t,.text_box{cursor:pointer;margin:0;padding:0;width:100%}.old_t{top:0;z-index:2}.new_t,.old_t{align-items:center;display:flex;font-weight:700;height:100%;justify-content:center;position:absolute;transition:transform .4s ease-out}.new_t{cursor:pointer;margin:0;padding:0;top:100%;width:100%;z-index:5}.leftNav:hover .box,.leftNav:hover .new_t,.leftNav:hover .old_t{transform:translateY(-100%)}.midNav{align-content:center;border-radius:50px;height:42px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:300px;z-index:-1}.midNav,.midNav .about,.midNav .contact,.midNav .proj{display:flex;gap:20px;justify-content:center;overflow:hidden}.midNav .about,.midNav .contact,.midNav .proj{align-items:center;cursor:pointer;height:100%;position:relative;width:100%;z-index:20}.l_left,.l_old{align-items:center;height:100%;justify-content:center;position:absolute;width:100%;z-index:10}.l_left{left:-100%}.l_right{left:100%}.l_down,.l_right{align-items:center;height:100%;justify-content:center;position:absolute;width:100%;z-index:10}.l_down{bottom:-100%}.l_down_text,.l_left_text,.l_old_text,.l_right_text{align-items:center;display:flex;font-weight:700;height:100%;justify-content:center;width:100%}.c_left{left:-100%}.c_left,.c_right{border-radius:50px;height:100%;position:absolute;top:0;transition:background .4s ease-in-out;width:100%;z-index:2}.c_right{left:100%}.c_down{border-radius:50px;height:100%;left:0;position:absolute;top:100%;transition:background .4s ease-in-out;width:100%;z-index:2}.rightNav{align-content:center;cursor:pointer;height:42px;position:absolute;right:2dvw;top:50%;transform:translateY(-50%);width:70px}.playerDiv,.rightNav{border-radius:50px;display:flex;justify-content:center}.playerDiv{overflow:hidden;position:relative;transition:background .5s linear;z-index:3000}.playerButton,.playerDiv{background:#0000;height:100%;width:100%}.playerButton{border:1px solid #ee696905;border-radius:50px;cursor:pointer;z-index:3002}.playerButton .pause,.playerButton .play{height:32px;width:32px}.c_right_play{border-radius:50px;bottom:-100%;height:100%;position:absolute;transition:background .4s ease-in-out;width:100%;z-index:3001}.menu-item{color:#fff;font-family:serif;font-size:3rem}.navbar-tiny{display:flex;position:relative;transform:translateY(-100%);z-index:2001}.play-logo-tiny{border:1px solid #fff;border-radius:50px;display:flex;height:48px;margin-left:14.5px;margin-top:7.5px;width:58px;z-index:2001}.hamburger{cursor:pointer;height:48px;outline:#fff;position:absolute;right:5%;top:15%;transition:.4s cubic-bezier(0,0,0,1);width:48px;z-index:2002}.hamburger-animation{position:relative}.line1-nav{top:13px}.line1-nav,.line2-nav{background:#fff;height:3px;left:8px;position:absolute;transform:none;transition:.4s cubic-bezier(0,0,0,1);width:32px}.line2-nav{top:23px}.line3-nav{background:#fff;height:3px;left:8px;position:absolute;top:33px;transform:none;transition:.4s cubic-bezier(0,0,0,1);width:32px}.menu-nav{align-items:center;animation:open .4s ease-in-out;background-color:#202030;bottom:0;column-gap:40px;display:flex;flex-direction:column;height:100dvh;justify-content:center;left:0;position:fixed!important;row-gap:40px;top:0;transform-origin:top right;width:100dvw;z-index:1000}.menu-item{transition:color .2s linear}.home-nav-tiny:hover{color:#763fce}.about-nav-tiny:hover{color:#f7b23b}.contact-nav-tiny:hover{color:#9d9df0}.proj-nav-tiny:hover{color:#bababa}@keyframes open{0%{border-radius:400px;transform:scale(0)}to{border-radius:0;transform:scale(1)}}.transition{background-color:#fff;display:flex;height:100dvh;position:absolute;top:-100dvh;transition:transform 1s ease-in-out;width:100dvw;z-index:9999}.transition-inner{align-items:center;color:#fff;display:flex;font-family:serif;font-size:10rem;height:100%;justify-content:center;text-align:center;width:100%}.layout-container{position:relative}@media (max-width:480px){.transition-inner{font-size:4rem}}@media (min-width:481px) and (max-width:767px){.transition-inner{font-size:6rem}}@media (min-width:768px) and (max-width:1024px){.transition-inner{font-size:7rem}}@media (min-width:1025px) and (max-width:1366px){.transition-inner{font-size:8rem}}@media (min-width:1367px){.transition-inner{font-size:10rem}}::-webkit-scrollbar{display:none}body,html{scrollbar-width:none}body{-ms-overflow-style:none}
/*# sourceMappingURL=main.da10dff4.css.map*/