@font-face{font-family:NT-Bold;src:url(/NewTitle/NewTitle-Bold.otf)}@font-face{font-family:NT-Med;src:url(/NewTitle/NewTitle-Medium.otf)}@font-face{font-family:NT-Reg;src:url(/NewTitle/NewTitle-Regular.otf)}:root{--mapanga-black: #001414;--mapanga-orange: #ffc107;--mapanga-white: #f5f5f5;--mapanga-white-light: rgba(245, 245, 245, .2)}*{margin:0;padding:0}body{box-sizing:border-box;min-height:100vh;width:100vw;overflow-x:hidden;margin:0;padding:0;background:var(--mapanga-black)}#root{min-height:100vh;width:100vw;overflow-x:hidden;margin:0;padding:0}@media screen and (max-width: 480px){.cursor{display:none}header{width:100vw;position:fixed;background:none;display:flex;justify-content:center;z-index:800;height:15vh;align-items:center}header nav{height:fit-content;width:95%;display:flex;justify-content:space-between;overflow:hidden;align-items:center}header nav a{height:fit-content;width:fit-content;display:flex}header nav a svg{height:48px;width:48px;mix-blend-mode:difference}header nav a svg path{fill:var(--mapanga-white)}header nav button{display:flex;height:48px;width:72px;align-items:center;text-align:center;justify-content:center;color:var(--mapanga-white);mix-blend-mode:difference;font-family:NT-Med;font-size:38px;background:none;border:none;cursor:pointer}.menu{height:85dvh;background:var(--mapanga-white);position:fixed;bottom:0;width:100vw;display:flex;align-items:center;justify-content:center;z-index:500;transform:translateY(100%);transition:all ease-in-out .6s}.menu .menu-main-box{position:absolute;left:clamp(12px,2vw,16px);top:clamp(12px,2vh,14px);color:var(--mapanga-black)}.menu .menu-main-box .menu-title{height:fit-content;width:fit-content;overflow:hidden}.menu .menu-main-box .menu-title h1{font-family:NT-Bold;color:var(--mapanga-black);font-size:clamp(64px,2vh,96px)}.menu .menu-main-box ul.menu-links{list-style:none;margin:0;display:flex;flex-direction:column;gap:4px}.menu .menu-main-box ul.menu-links li{display:flex;height:fit-content;width:fit-content}.menu .menu-main-box ul.menu-links li a{text-decoration:none;text-align:center;color:var(--mapanga-black);font-family:NT-Med;font-size:clamp(48px,2vw,60px);transition:all ease-in-out .3s}.menu .menu-main-box ul.menu-links li a:hover{color:var(--mapanga-orange)}.menu .menu-socials-box{height:fit-content;width:fit-content;position:absolute;display:flex;right:clamp(8px,2vw,14px);bottom:clamp(6px,2vw,14px)}.menu .menu-socials-box ul{list-style:none}.menu .menu-socials-box ul li{text-align:right;overflow:hidden}.menu .menu-socials-box ul li a{text-decoration:none;color:var(--mapanga-black);font-family:NT-Med;font-size:clamp(24px,2.5vw,32px)}.menu .menu-socials-box ul li a:active{transition:all ease-in-out .2s;color:var(--mapanga-orange)}.menu img{position:absolute;font-family:NT-Bold;color:var(--mapanga-black);font-size:92px;height:clamp(120px,4vw,200px);opacity:.4}.hero-section{position:relative;height:100dvh;width:100vw;background:url(/images/webp/mobile/Mobile%20Phone%20Wallpaper%20Image.webp);background-size:cover;display:flex;justify-content:center;align-items:center;flex-direction:column}.hero-section h1{font-size:clamp(80px,2vw,96px);color:var(--mapanga-white);font-family:NT-Bold;text-align:center}.hero-section h1::selection{background:var(--mapanga-black);color:var(--mapanga-orange)}.hero-section p{font-size:clamp(24px,2.5vw,32px);color:var(--mapanga-white);font-family:NT-Med;text-align:center}.hero-section p::selection{background:var(--mapanga-black);color:var(--mapanga-orange)}.about-section{height:100dvh;width:100vw;background:var(--mapanga-black);position:relative;display:flex;justify-content:center;align-items:center}.about-section .abt-img-1{height:100px;width:75%;position:absolute;top:10%;right:24px;overflow:hidden}.about-section .abt-img-1 img{scale:1.15;object-fit:cover;height:100%;width:100%}.about-section .abt-img-2{height:100px;width:98%;position:absolute;bottom:24px;overflow:hidden;display:flex;align-items:center;justify-content:center}.about-section .abt-img-2 img{height:100%;width:100%;object-fit:cover}.about-section .text-container-1{height:fit-content;width:95%;position:absolute;top:20%;left:8px}.about-section .text-container-1 .title{height:fit-content;width:fit-content}.about-section .text-container-1 .title h1{color:var(--mapanga-white);font-family:NT-Bold;font-size:clamp(64px,2vw,96px);-webkit-user-select:none;user-select:none}.about-section .text-container-1 .text{height:fit-content;width:fit-content}.about-section .text-container-1 .text p{font-size:clamp(32px,2vw,48px);color:var(--mapanga-white);font-family:NT-Med;-webkit-user-select:none;user-select:none}.about-section .text-container-1 .text p span{color:var(--mapanga-orange)}.about-section .text-container-2{height:fit-content;width:90%;position:absolute;bottom:20%;right:16px}.about-section .text-container-2 .title{height:fit-content;width:fit-content}.about-section .text-container-2 .title h1{color:var(--mapanga-white);font-family:NT-Bold;font-size:clamp(36px,2vw,40px);-webkit-user-select:none;user-select:none}.about-section .text-container-2 .text{height:fit-content;width:fit-content}.about-section .text-container-2 .text p{font-size:clamp(20px,2vw,28px);color:var(--mapanga-white);font-family:NT-Med;-webkit-user-select:none;user-select:none}.about-section .text-container-2 .text p span{color:var(--mapanga-orange)}.about-section .text-container-2 .text p span.barca{background:linear-gradient(180deg,#1c2763,#94172d);-webkit-text-fill-color:transparent;background-clip:text;color:transparent;-webkit-background-clip:text}.skills-section{overflow:hidden;height:100dvh;width:100vw;position:relative;display:flex;align-items:center;justify-content:center;background:var(--mapanga-white);transition:all ease-in-out .3s}.skills-section .text-container{width:90%;height:90%;display:flex;justify-content:center;align-items:center}.skills-section .text-container p.text{color:var(--mapanga-black);font-family:NT-Med;text-align:center;font-kerning:none;display:inline-block;position:relative;font-size:clamp(40px,2vw,48px);opacity:0}.skills-section .text-container p.text span{color:var(--mapanga-orange)}.skills-section .text-container p.text span::selection{color:var(--mapanga-white);border-radius:25px}.skills-section .text-container p.text::selection{color:var(--mapanga-orange);background:var(--mapanga-black)}.projects-section{height:fit-content;padding:48px 0;width:100vw;background:var(--mapanga-black);overflow:hidden;position:relative;display:flex;flex-direction:column;justify-content:center;gap:16px}.projects-section .title-container{margin-top:10%;margin-left:12px;height:fit-content;width:fit-content;padding-bottom:6px}.projects-section .title-container h1{color:var(--mapanga-white);font-size:clamp(64px,2vw,72px);-webkit-user-select:none;user-select:none;font-family:NT-Bold}.projects-section .projects-container{width:100%;height:fit-content;display:flex;justify-content:center;align-items:center;gap:12px}.projects-section .projects-container .project-card{height:clamp(250px,3vw,300px);width:95%;display:flex;align-items:center;justify-content:center;background:var(--mapanga-white-light);position:relative;overflow:hidden;transition:all .5s ease}.projects-section .projects-container .project-card .project-card-inner{width:98%;height:95%;position:absolute;z-index:1}.projects-section .projects-container .project-card .project-card-inner .project-title-container{width:fit-content;height:fit-content;position:absolute;top:0;overflow:hidden}.projects-section .projects-container .project-card .project-card-inner .project-title-container .project-title{color:var(--mapanga-white);font-family:NT-Bold;font-size:64px}.projects-section .projects-container .project-card .project-card-inner .project-title-container .project-title::selection{background-color:var(--mapanga-orange);color:var(--mapanga-black)}.projects-section .projects-container .project-card .project-card-inner .projects-lower-container{width:fit-content;height:fit-content;position:absolute;bottom:0;overflow:hidden;display:flex;width:100%;justify-content:space-between;align-items:end}.projects-section .projects-container .project-card .project-card-inner .projects-lower-container .project-description-container,.projects-section .projects-container .project-card .project-card-inner .projects-lower-container .project-year-container{width:fit-content;height:fit-content;overflow:hidden;display:flex}:is(.projects-section .projects-container .project-card .project-card-inner .projects-lower-container .project-description-container,.projects-section .projects-container .project-card .project-card-inner .projects-lower-container .project-year-container) p{color:var(--mapanga-white);font-family:NT-Reg;font-size:32px;text-wrap:nowrap;text-overflow:ellipsis}:is(.projects-section .projects-container .project-card .project-card-inner .projects-lower-container .project-description-container,.projects-section .projects-container .project-card .project-card-inner .projects-lower-container .project-year-container) p::selection{background-color:var(--mapanga-orange);color:var(--mapanga-black)}.projects-section .projects-container .project-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(to top,transparent,rgba(255,193,7,.568) 30%,transparent);opacity:0}.projects-section .projects-container .project-card:hover{background:var(--mapanga-black);box-shadow:0 2px 8px #ffc107,0 12px 20px #0000004d}.projects-section .projects-container .project-card:hover .project-card-inner .project-title-container .project-title,.projects-section .projects-container .project-card:hover .project-card-inner .project-description-container .project-description,.projects-section .projects-container .project-card:hover .project-card-inner .project-year-container .project-year{color:var(--mapanga-orange)}.projects-section .projects-container .project-card:hover:before{opacity:.8;transition:all ease-in-out .6s;transform:rotate(-45deg) translateY(100%)}footer{margin:0;height:100vh;width:100vw;background:var(--mapanga-black);display:flex;align-items:center;justify-content:center;position:relative}footer .footer-inner{width:90%;height:80%;display:flex;flex-direction:column;align-items:center;justify-content:center}footer .footer-inner .footer-logo{height:96px;width:96px;padding:24px 0}footer .footer-inner .footer-logo path{fill:var(--mapanga-white)}footer .footer-inner .text-container{color:var(--mapanga-white);font-size:96px;-webkit-user-select:none;user-select:none;font-family:NT-Med;padding:25px;text-align:center;display:none}footer .footer-inner .link-container{padding:12px;height:fit-content;width:fit-content;display:flex;flex-direction:row;gap:16px}footer .footer-inner .link-container a{height:32px;width:32px;font-size:32px;text-decoration:none}footer .footer-inner .link-container a svg{height:100%;width:100%}footer .footer-inner .link-container a svg path{fill:var(--mapanga-white)}footer .footer-inner .link-container a svg.website-svg{fill:none}footer .footer-inner .link-container a svg.website-svg path{fill:none;stroke:var(--mapanga-white)}footer .footer-inner .link-container a:active{background:none}footer .footer-inner .link-container a:active svg.website-svg{fill:none}footer .footer-inner .link-container a:active svg.website-svg path{fill:none;stroke:var(--mapanga-orange)}footer .footer-inner .link-container a:active svg path{fill:var(--mapanga-orange)}footer .license{position:absolute;height:fit-content;width:fit-content;bottom:16px;color:var(--mapanga-white-light);z-index:1;font-family:NT-Reg;font-size:24px}}@media screen and (min-width: 481px) and (max-width: 767px){header{height:fit-content;width:100vw;position:fixed;background:none;z-index:800;display:flex;justify-content:center}header nav{margin-top:1%;height:12vh;width:98%;padding:0 1%;display:flex;justify-content:space-between;overflow:hidden;align-items:center}header nav a{height:fit-content;width:fit-content;display:flex}header nav a svg{height:48px;width:48px;mix-blend-mode:difference}header nav a svg path{fill:var(--mapanga-white)}header nav button{display:flex;height:48px;width:92px;align-items:center;text-align:center;justify-content:center;color:var(--mapanga-white);mix-blend-mode:difference;font-family:NT-Med;font-size:38px;background:none;border:none;cursor:pointer}header nav.invert a svg path{fill:var(--mapanga-black)}header nav.invert button{color:var(--mapanga-black)}.menu{height:85dvh;background:var(--mapanga-white);position:fixed;bottom:0;width:100vw;display:flex;align-items:center;justify-content:center;z-index:500;transform:translateY(100%);transition:all ease-in-out .6s}.menu .menu-main-box{position:absolute;left:clamp(12px,2vw,16px);top:clamp(12px,2vh,14px);color:var(--mapanga-black)}.menu .menu-main-box .menu-title{height:fit-content;width:fit-content;overflow:hidden}.menu .menu-main-box .menu-title h1{font-family:NT-Bold;color:var(--mapanga-black);font-size:clamp(64px,2vh,96px)}.menu .menu-main-box ul.menu-links{list-style:none;margin:0;display:flex;flex-direction:column;gap:4px}.menu .menu-main-box ul.menu-links li{display:flex;height:fit-content;width:fit-content}.menu .menu-main-box ul.menu-links li a{text-decoration:none;text-align:center;color:var(--mapanga-black);font-family:NT-Med;font-size:clamp(48px,2vw,60px);transition:all ease-in-out .3s}.menu .menu-main-box ul.menu-links li a:hover{color:var(--mapanga-orange)}.menu .menu-socials-box{height:fit-content;width:fit-content;position:absolute;display:flex;right:clamp(8px,2vw,14px);bottom:clamp(6px,2vw,14px)}.menu .menu-socials-box ul{list-style:none}.menu .menu-socials-box ul li{text-align:right;overflow:hidden}.menu .menu-socials-box ul li a{text-decoration:none;color:var(--mapanga-black);font-family:NT-Med;font-size:clamp(24px,2.5vw,32px)}.menu .menu-socials-box ul li a:active{transition:all ease-in-out .2s;color:var(--mapanga-orange)}.menu img{position:absolute;font-family:NT-Bold;color:var(--mapanga-black);font-size:92px;height:clamp(120px,4vw,200px);opacity:.4}.hero-section{position:relative;height:100dvh;width:100vw;background:url(/images/webp/mobile/Mobile%20Phone%20Wallpaper%20Image.webp);background-size:cover;display:flex;justify-content:center;align-items:center;flex-direction:column}.hero-section h1{font-size:clamp(80px,2vw,96px);color:var(--mapanga-white);font-family:NT-Bold;text-align:center}.hero-section h1::selection{background:var(--mapanga-black);color:var(--mapanga-orange)}.hero-section p{font-size:clamp(24px,2.5vw,32px);color:var(--mapanga-white);font-family:NT-Med;text-align:center}.hero-section p::selection{background:var(--mapanga-black);color:var(--mapanga-orange)}.about-section{height:100dvh;width:100vw;background:var(--mapanga-black);position:relative;display:flex;justify-content:center;align-items:center}.about-section .abt-img-1{height:100px;width:75%;position:absolute;top:10%;right:24px;overflow:hidden}.about-section .abt-img-1 img{scale:1.15;object-fit:cover;height:100%;width:100%}.about-section .abt-img-2{height:100px;width:98%;position:absolute;bottom:24px;overflow:hidden;display:flex;align-items:center;justify-content:center}.about-section .abt-img-2 img{height:100%;width:100%;object-fit:cover}.about-section .text-container-1{height:fit-content;width:95%;position:absolute;top:20%;left:8px}.about-section .text-container-1 .title{height:fit-content;width:fit-content}.about-section .text-container-1 .title h1{color:var(--mapanga-white);font-family:NT-Bold;font-size:clamp(64px,2vw,96px);-webkit-user-select:none;user-select:none}.about-section .text-container-1 .text{height:fit-content;width:fit-content}.about-section .text-container-1 .text p{font-size:clamp(32px,2vw,48px);color:var(--mapanga-white);font-family:NT-Med;-webkit-user-select:none;user-select:none}.about-section .text-container-1 .text p span{color:var(--mapanga-orange)}.about-section .text-container-2{height:fit-content;width:90%;position:absolute;bottom:20%;right:16px}.about-section .text-container-2 .title{height:fit-content;width:fit-content}.about-section .text-container-2 .title h1{color:var(--mapanga-white);font-family:NT-Bold;font-size:clamp(36px,2vw,40px);-webkit-user-select:none;user-select:none}.about-section .text-container-2 .text{height:fit-content;width:fit-content}.about-section .text-container-2 .text p{font-size:clamp(20px,2vw,28px);color:var(--mapanga-white);font-family:NT-Med;-webkit-user-select:none;user-select:none}.about-section .text-container-2 .text p span{color:var(--mapanga-orange)}.about-section .text-container-2 .text p span.barca{background:linear-gradient(180deg,#1c2763,#94172d);-webkit-text-fill-color:transparent;background-clip:text;color:transparent;-webkit-background-clip:text}.skills-section{overflow:hidden;height:100dvh;width:100vw;position:relative;display:flex;align-items:center;justify-content:center;background:var(--mapanga-white);transition:all ease-in-out .3s}.skills-section .text-container{width:90%;height:90%;display:flex;justify-content:center;align-items:center}.skills-section .text-container p.text{color:var(--mapanga-black);font-family:NT-Med;text-align:center;font-kerning:none;display:inline-block;position:relative;font-size:clamp(40px,2vw,48px);opacity:0}.skills-section .text-container p.text span{color:var(--mapanga-orange)}.skills-section .text-container p.text span::selection{color:var(--mapanga-white);border-radius:25px}.skills-section .text-container p.text::selection{color:var(--mapanga-orange);background:var(--mapanga-black)}.projects-section{height:fit-content;padding:48px 0;width:100vw;background:var(--mapanga-black);overflow:hidden;position:relative;display:flex;flex-direction:column;justify-content:center;gap:16px}.projects-section .title-container{margin-top:10%;margin-left:12px;height:fit-content;width:fit-content;padding-bottom:6px}.projects-section .title-container h1{color:var(--mapanga-white);font-size:clamp(64px,2vw,72px);-webkit-user-select:none;user-select:none;font-family:NT-Bold}.projects-section .projects-container{width:100%;height:fit-content;display:flex;justify-content:center;align-items:center;gap:12px}.projects-section .projects-container .project-card{height:clamp(250px,3vw,300px);width:95%;display:flex;align-items:center;justify-content:center;background:var(--mapanga-white-light);position:relative;overflow:hidden;transition:all .5s ease}.projects-section .projects-container .project-card .project-card-inner{width:98%;height:95%;position:absolute;z-index:1}.projects-section .projects-container .project-card .project-card-inner .project-title-container{width:fit-content;height:fit-content;position:absolute;top:0;overflow:hidden}.projects-section .projects-container .project-card .project-card-inner .project-title-container .project-title{color:var(--mapanga-white);font-family:NT-Bold;font-size:64px}.projects-section .projects-container .project-card .project-card-inner .project-title-container .project-title::selection{background-color:var(--mapanga-orange);color:var(--mapanga-black)}.projects-section .projects-container .project-card .project-card-inner .projects-lower-container{width:fit-content;height:fit-content;position:absolute;bottom:0;overflow:hidden;display:flex;width:100%;justify-content:space-between;align-items:end}.projects-section .projects-container .project-card .project-card-inner .projects-lower-container .project-description-container,.projects-section .projects-container .project-card .project-card-inner .projects-lower-container .project-year-container{width:fit-content;height:fit-content;overflow:hidden;display:flex}:is(.projects-section .projects-container .project-card .project-card-inner .projects-lower-container .project-description-container,.projects-section .projects-container .project-card .project-card-inner .projects-lower-container .project-year-container) p{color:var(--mapanga-white);font-family:NT-Reg;font-size:32px;text-wrap:nowrap;text-overflow:ellipsis}:is(.projects-section .projects-container .project-card .project-card-inner .projects-lower-container .project-description-container,.projects-section .projects-container .project-card .project-card-inner .projects-lower-container .project-year-container) p::selection{background-color:var(--mapanga-orange);color:var(--mapanga-black)}.projects-section .projects-container .project-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(to top,transparent,rgba(255,193,7,.568) 30%,transparent);opacity:0}.projects-section .projects-container .project-card:hover{background:var(--mapanga-black);box-shadow:0 2px 8px #ffc107,0 12px 20px #0000004d}.projects-section .projects-container .project-card:hover .project-card-inner .project-title-container .project-title,.projects-section .projects-container .project-card:hover .project-card-inner .project-description-container .project-description,.projects-section .projects-container .project-card:hover .project-card-inner .project-year-container .project-year{color:var(--mapanga-orange)}.projects-section .projects-container .project-card:hover:before{opacity:.8;transition:all ease-in-out .6s;transform:rotate(-45deg) translateY(100%)}footer{margin:0;height:100vh;width:100vw;background:var(--mapanga-black);display:flex;align-items:center;justify-content:center;position:relative}footer .footer-inner{width:90%;height:80%;display:flex;flex-direction:column;align-items:center;justify-content:center}footer .footer-inner .footer-logo{height:96px;width:96px;padding:24px 0}footer .footer-inner .footer-logo path{fill:var(--mapanga-white)}footer .footer-inner .text-container{color:var(--mapanga-white);font-size:96px;-webkit-user-select:none;user-select:none;font-family:NT-Med;padding:25px;text-align:center;display:none}footer .footer-inner .link-container{padding:12px;height:fit-content;width:fit-content;display:flex;flex-direction:row;gap:16px}footer .footer-inner .link-container a{height:32px;width:32px;font-size:32px;text-decoration:none}footer .footer-inner .link-container a svg{height:100%;width:100%}footer .footer-inner .link-container a svg path{fill:var(--mapanga-white)}footer .footer-inner .link-container a svg.website-svg{fill:none}footer .footer-inner .link-container a svg.website-svg path{fill:none;stroke:var(--mapanga-white)}footer .footer-inner .link-container a:active{background:none}footer .footer-inner .link-container a:active svg.website-svg{fill:none}footer .footer-inner .link-container a:active svg.website-svg path{fill:none;stroke:var(--mapanga-orange)}footer .footer-inner .link-container a:active svg path{fill:var(--mapanga-orange)}footer .license{position:absolute;height:fit-content;width:fit-content;bottom:16px;color:var(--mapanga-white-light);z-index:1;font-family:NT-Reg;font-size:24px}}@media screen and (min-width: 768px) and (max-width: 1024px){.cursor{display:none}header{width:100vw;position:fixed;background:none;display:flex;justify-content:center;z-index:800;height:12vh;align-items:center}header nav{height:fit-content;width:95%;display:flex;justify-content:space-between;overflow:hidden;align-items:center}header nav a{height:fit-content;width:fit-content;display:flex}header nav a svg{height:48px;width:48px;mix-blend-mode:difference}header nav a svg path{fill:var(--mapanga-white)}header nav button{display:flex;height:48px;width:72px;align-items:center;text-align:center;justify-content:center;color:var(--mapanga-white);mix-blend-mode:difference;font-family:NT-Med;font-size:38px;background:none;border:none;cursor:pointer}.menu{height:90dvh;background:var(--mapanga-white);position:fixed;bottom:0;width:100vw;display:flex;align-items:center;justify-content:center;z-index:500;transform:translateY(100%);transition:all ease-in-out .6s}.menu .menu-main-box{position:absolute;left:clamp(12px,2vw,16px);top:clamp(12px,2vh,14px);color:var(--mapanga-black)}.menu .menu-main-box .menu-title{height:fit-content;width:fit-content;overflow:hidden}.menu .menu-main-box .menu-title h1{font-family:NT-Bold;color:var(--mapanga-black);font-size:clamp(96px,2vw,128px)}.menu .menu-main-box ul.menu-links{list-style:none;margin:0;display:flex;flex-direction:column;gap:4px}.menu .menu-main-box ul.menu-links li{display:flex;height:fit-content;width:fit-content}.menu .menu-main-box ul.menu-links li a{text-decoration:none;text-align:center;color:var(--mapanga-black);font-family:NT-Med;font-size:clamp(64px,2vw,72px);transition:all ease-in-out .3s}.menu .menu-main-box ul.menu-links li a:hover{color:var(--mapanga-orange)}.menu .menu-socials-box{height:fit-content;width:fit-content;position:absolute;display:flex;right:clamp(8px,2vw,14px);bottom:clamp(6px,2vw,14px)}.menu .menu-socials-box ul{list-style:none}.menu .menu-socials-box ul li{text-align:right;overflow:hidden}.menu .menu-socials-box ul li a{text-decoration:none;color:var(--mapanga-black);font-family:NT-Med;font-size:clamp(36px,2.5vw,48px)}.menu .menu-socials-box ul li a:active{transition:all ease-in-out .2s;color:var(--mapanga-orange)}.menu img{position:absolute;font-family:NT-Bold;color:var(--mapanga-black);font-size:92px;height:clamp(120px,4vw,200px);opacity:.4}.hero-section{position:relative;height:100vh;width:100vw;background:url(/images/webp/tablet/Tablet%20Wallpaper%20Image.webp);background-size:cover;display:flex;justify-content:center;align-items:center;flex-direction:column}.hero-section h1{font-size:clamp(80px,2vw,96px);color:var(--mapanga-white);font-family:NT-Bold;text-align:center}.hero-section h1::selection{background:var(--mapanga-black);color:var(--mapanga-orange)}.hero-section p{font-size:clamp(24px,2.5vw,32px);color:var(--mapanga-white);font-family:NT-Med;text-align:center}.hero-section p::selection{background:var(--mapanga-black);color:var(--mapanga-orange)}.about-section{height:100dvh;width:100vw;background:var(--mapanga-black);position:relative;display:flex;justify-content:center;align-items:center}.about-section .abt-img-1{height:100px;width:75%;position:absolute;top:10%;right:24px;overflow:hidden}.about-section .abt-img-1 img{scale:1.15;object-fit:cover;height:100%;width:100%}.about-section .abt-img-2{height:100px;width:98%;position:absolute;bottom:24px;overflow:hidden;display:flex;align-items:center;justify-content:center}.about-section .abt-img-2 img{height:100%;width:100%;object-fit:cover}.about-section .text-container-1{height:fit-content;width:95%;position:absolute;top:20%;left:24px}.about-section .text-container-1 .title{height:fit-content;width:fit-content}.about-section .text-container-1 .title h1{color:var(--mapanga-white);font-family:NT-Bold;font-size:clamp(72px,2vw,128px);-webkit-user-select:none;user-select:none}.about-section .text-container-1 .text{height:fit-content;width:fit-content}.about-section .text-container-1 .text p{font-size:clamp(48px,2vw,64px);color:var(--mapanga-white);font-family:NT-Med;-webkit-user-select:none;user-select:none}.about-section .text-container-1 .text p span{color:var(--mapanga-orange)}.about-section .text-container-2{height:fit-content;width:90%;position:absolute;bottom:26%;right:16px}.about-section .text-container-2 .title{height:fit-content;width:fit-content}.about-section .text-container-2 .title h1{color:var(--mapanga-white);font-family:NT-Bold;font-size:clamp(72px,2vw,128px);-webkit-user-select:none;user-select:none}.about-section .text-container-2 .text{height:fit-content;width:fit-content}.about-section .text-container-2 .text p{font-size:clamp(48px,2vw,64px);color:var(--mapanga-white);font-family:NT-Med;-webkit-user-select:none;user-select:none}.about-section .text-container-2 .text p span{color:var(--mapanga-orange)}.about-section .text-container-2 .text p span.barca{background:linear-gradient(180deg,#1c2763,#94172d);-webkit-text-fill-color:transparent;background-clip:text;color:transparent;-webkit-background-clip:text}.skills-section{overflow:hidden;height:100dvh;width:100vw;position:relative;display:flex;align-items:center;justify-content:center;background:var(--mapanga-white);transition:all ease-in-out .3s}.skills-section .text-container{width:90%;height:90%;display:flex;justify-content:center;align-items:center}.skills-section .text-container p.text{color:var(--mapanga-black);font-family:NT-Med;text-align:center;font-kerning:none;display:inline-block;position:relative;font-size:clamp(64px,2vw,72px);opacity:0}.skills-section .text-container p.text span{color:var(--mapanga-orange)}.skills-section .text-container p.text span::selection{color:var(--mapanga-white);border-radius:25px}.skills-section .text-container p.text::selection{color:var(--mapanga-orange);background:var(--mapanga-black)}.projects-section{height:fit-content;padding:48px 0;width:100vw;background:var(--mapanga-black);overflow:hidden;position:relative;display:flex;flex-direction:column;justify-content:center;gap:16px}.projects-section .title-container{margin-top:10%;margin-left:12px;height:fit-content;width:fit-content;padding-bottom:6px}.projects-section .title-container h1{color:var(--mapanga-white);font-size:clamp(64px,2vw,72px);-webkit-user-select:none;user-select:none;font-family:NT-Bold}.projects-section .projects-container{width:100%;height:fit-content;display:flex;justify-content:center;align-items:center;gap:12px}.projects-section .projects-container .project-card{height:clamp(250px,3vw,300px);width:95%;display:flex;align-items:center;justify-content:center;background:var(--mapanga-white-light);position:relative;overflow:hidden;transition:all .5s ease}.projects-section .projects-container .project-card .project-card-inner{width:98%;height:95%;position:absolute;z-index:1}.projects-section .projects-container .project-card .project-card-inner .project-title-container{width:fit-content;height:fit-content;position:absolute;top:0;overflow:hidden}.projects-section .projects-container .project-card .project-card-inner .project-title-container .project-title{color:var(--mapanga-white);font-family:NT-Bold;font-size:64px}.projects-section .projects-container .project-card .project-card-inner .project-title-container .project-title::selection{background-color:var(--mapanga-orange);color:var(--mapanga-black)}.projects-section .projects-container .project-card .project-card-inner .projects-lower-container{width:fit-content;height:fit-content;position:absolute;bottom:0;overflow:hidden;display:flex;width:100%;justify-content:space-between;align-items:end}.projects-section .projects-container .project-card .project-card-inner .projects-lower-container .project-description-container,.projects-section .projects-container .project-card .project-card-inner .projects-lower-container .project-year-container{width:fit-content;height:fit-content;overflow:hidden;display:flex}:is(.projects-section .projects-container .project-card .project-card-inner .projects-lower-container .project-description-container,.projects-section .projects-container .project-card .project-card-inner .projects-lower-container .project-year-container) p{color:var(--mapanga-white);font-family:NT-Reg;font-size:32px;text-wrap:nowrap;text-overflow:ellipsis}:is(.projects-section .projects-container .project-card .project-card-inner .projects-lower-container .project-description-container,.projects-section .projects-container .project-card .project-card-inner .projects-lower-container .project-year-container) p::selection{background-color:var(--mapanga-orange);color:var(--mapanga-black)}.projects-section .projects-container .project-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(to top,transparent,rgba(255,193,7,.568) 30%,transparent);opacity:0}.projects-section .projects-container .project-card:hover{background:var(--mapanga-black);box-shadow:0 2px 8px #ffc107,0 12px 20px #0000004d}.projects-section .projects-container .project-card:hover .project-card-inner .project-title-container .project-title,.projects-section .projects-container .project-card:hover .project-card-inner .project-description-container .project-description,.projects-section .projects-container .project-card:hover .project-card-inner .project-year-container .project-year{color:var(--mapanga-orange)}.projects-section .projects-container .project-card:hover:before{opacity:.8;transition:all ease-in-out .6s;transform:rotate(-45deg) translateY(100%)}footer{margin:0;height:100vh;width:100vw;background:var(--mapanga-black);display:flex;align-items:center;justify-content:center;position:relative}footer .footer-inner{width:90%;height:80%;display:flex;flex-direction:column;align-items:center;justify-content:center}footer .footer-inner .footer-logo{height:200px;width:200px;padding:24px 0}footer .footer-inner .footer-logo path{fill:var(--mapanga-white)}footer .footer-inner .text-container{display:none}footer .footer-inner .link-container{padding:12px;height:fit-content;width:fit-content;display:flex;flex-direction:row;gap:32px}footer .footer-inner .link-container a{height:48px;width:48px;font-size:48px;text-decoration:none}footer .footer-inner .link-container a svg{height:100%;width:100%}footer .footer-inner .link-container a svg path{fill:var(--mapanga-white)}footer .footer-inner .link-container a svg.website-svg{fill:none}footer .footer-inner .link-container a svg.website-svg path{fill:none;stroke:var(--mapanga-white)}footer .footer-inner .link-container a:active{background:none}footer .footer-inner .link-container a:active svg.website-svg{fill:none}footer .footer-inner .link-container a:active svg.website-svg path{fill:none;stroke:var(--mapanga-orange)}footer .footer-inner .link-container a:active svg path{fill:var(--mapanga-orange)}footer .license{position:absolute;height:fit-content;width:fit-content;bottom:16px;color:var(--mapanga-white-light);z-index:1;font-family:NT-Reg;font-size:24px}}@media screen and (min-width: 1025px){.cursor{height:16px;width:16px;padding:4px;border-radius:50%;position:fixed;z-index:10000;left:0;top:0;pointer-events:none;transform:translate(-50%,-50%);transition:transform .18s cubic-bezier(.22,.9,.32,1),opacity .16s ease-out;will-change:transform,opacity;opacity:0;display:flex;align-items:center;justify-content:center}.cursor svg{height:16px;width:16px;mix-blend-mode:exclusion}header{height:fit-content;width:100vw;position:fixed;background:none;z-index:800;display:flex;justify-content:center}header nav{margin-top:1%;height:12vh;width:98%;padding:0 1%;display:flex;justify-content:space-between;overflow:hidden;align-items:center}header nav a{height:fit-content;width:fit-content;display:flex}header nav a svg{height:48px;width:48px;mix-blend-mode:difference}header nav a svg path{fill:var(--mapanga-white)}header nav button{display:flex;height:48px;width:92px;align-items:center;text-align:center;justify-content:center;color:var(--mapanga-white);mix-blend-mode:difference;font-family:NT-Med;font-size:38px;background:none;border:none;cursor:pointer}header nav.invert a svg path{fill:var(--mapanga-black)}header nav.invert button{color:var(--mapanga-black)}.menu{height:70vh;width:100%;position:fixed;bottom:0;background:var(--mapanga-white);display:flex;align-items:center;justify-content:center;z-index:500;transform:translateY(100%);transition:all ease-in-out .6s}.menu .menu-main-box{position:absolute;left:12px;top:12px;height:fit-content;display:flex;width:fit-content;flex-direction:column;gap:6px}.menu .menu-main-box .menu-title{height:fit-content;width:fit-content;overflow:hidden}.menu .menu-main-box .menu-title h1{font-family:NT-Bold;color:var(--mapanga-black);font-size:92px}.menu .menu-main-box ul.menu-links{list-style:none;margin:0;display:flex;flex-direction:column;gap:4px}.menu .menu-main-box ul.menu-links li{display:flex;height:fit-content;width:fit-content}.menu .menu-main-box ul.menu-links li a{text-decoration:none;text-align:center;color:var(--mapanga-black);font-family:NT-Med;font-size:48px;transition:all ease-in-out .3s}.menu .menu-main-box ul.menu-links li a:hover{color:var(--mapanga-orange)}.menu .menu-socials-box{height:fit-content;width:fit-content;position:absolute;display:flex;right:12px;bottom:12px}.menu .menu-socials-box ul{list-style:none}.menu .menu-socials-box ul li{text-align:right;overflow:hidden}.menu .menu-socials-box ul li a{text-decoration:none;color:var(--mapanga-black);font-family:NT-Med;font-size:32px}.menu .menu-socials-box ul li a:hover{transition:all ease-in-out .3s;color:var(--mapanga-orange)}.menu img{position:absolute;font-family:NT-Bold;color:var(--mapanga-black);font-size:92px;height:200px;opacity:.4}.nav-wrapper .invert .logo svg path{fill:var(--mapanga-black)}.nav-wrapper .invert .menu-button{color:var(--mapanga-black)}.hero-section{position:relative;height:100vh;width:100%;background:url(/images/webp/desktop/desktop_hero_image.webp);background-repeat:no-repeat;background-size:cover;background-position:0;transition:all .5s;display:flex;align-items:center;justify-content:center;flex-direction:column}.hero-section h1{font-size:120px;font-family:NT-Bold;color:var(--mapanga-white)}.hero-section h1::selection{background:var(--mapanga-black);color:var(--mapanga-orange)}.hero-section p{color:var(--mapanga-white);font-family:NT-Reg;font-size:32px}.about-section{height:120vh;width:100vw;background:var(--mapanga-black);display:flex;align-items:center;justify-content:center;position:relative}.about-section .abt-img-1{display:flex;position:absolute;width:360px;height:120px;top:42%;right:92px;align-items:center;justify-content:center}.about-section .abt-img-1 img{height:100%;width:100%;object-fit:cover}.about-section .text-container-1{height:fit-content;width:75%;position:absolute;top:8%;left:48px}.about-section .text-container-1 .title{height:fit-content;width:fit-content}.about-section .text-container-1 .title h1{color:var(--mapanga-white);font-family:NT-Bold;font-size:96px;-webkit-user-select:none;user-select:none}.about-section .text-container-1 .text{padding-left:16px;height:fit-content;width:fit-content}.about-section .text-container-1 .text p{font-size:48px;color:var(--mapanga-white);font-family:NT-Med;-webkit-user-select:none;user-select:none}.about-section .text-container-1 .text p span{color:var(--mapanga-orange)}.about-section .abt-img-2{display:flex;position:absolute;width:400px;height:120px;bottom:32px;left:24px;align-items:center;justify-content:center;background-size:contain;background-repeat:no-repeat}.about-section .abt-img-2 img{width:100%;height:100%;object-fit:cover}.about-section .text-container-2{height:fit-content;width:65%;position:absolute;bottom:24px;right:16px}.about-section .text-container-2 .title{height:fit-content;width:fit-content}.about-section .text-container-2 .title h1{color:var(--mapanga-white);font-family:NT-Bold;font-size:64px;-webkit-user-select:none;user-select:none}.about-section .text-container-2 .text{height:fit-content;width:fit-content}.about-section .text-container-2 .text p{font-size:40px;color:var(--mapanga-white);font-family:NT-Med;-webkit-user-select:none;user-select:none}.about-section .text-container-2 .text p span{color:var(--mapanga-orange)}.about-section .text-container-2 .text p span.barca{background:linear-gradient(180deg,#1c2763,#94172d);-webkit-text-fill-color:transparent;background-clip:text;color:transparent;-webkit-background-clip:text}.skills-section{overflow:hidden;height:100vh;width:100vw;position:relative;display:flex;align-items:center;justify-content:center;background:var(--mapanga-white);transition:all ease-in-out .3s}.skills-section .text-container{width:90%;height:90%;display:flex;justify-content:center;align-items:center}.skills-section .text-container p.text{color:var(--mapanga-black);font-family:NT-Med;text-align:center;font-kerning:none;display:inline-block;position:relative;font-size:64px;opacity:0}.skills-section .text-container p.text span{color:var(--mapanga-orange)}.skills-section .text-container p.text span::selection{color:var(--mapanga-white);border-radius:25px}.skills-section .text-container p.text::selection{color:var(--mapanga-orange);background:var(--mapanga-black)}.projects-section{height:100vh;width:100vw;background:var(--mapanga-black);overflow:hidden;position:relative;display:block}.projects-section .title-container{margin-top:128px;margin-left:48px;height:fit-content;width:fit-content;padding-bottom:6px}.projects-section .title-container h1{color:var(--mapanga-white);font-size:96px;-webkit-user-select:none;user-select:none;font-family:NT-Bold}.projects-section .projects-container{padding:24px 6px;margin-left:48px;width:fit-content;height:fit-content;display:flex;gap:12px}.projects-section .projects-container .project-card{height:clamp(200px,30vw,250px);width:clamp(400px,30vw,500px);display:flex;align-items:center;justify-content:center;background:var(--mapanga-white-light);position:relative;overflow:hidden;transition:all .5s ease}.projects-section .projects-container .project-card .project-image{width:100%;height:100%;object-fit:cover;position:absolute;z-index:0;opacity:0;scale:1.05}.projects-section .projects-container .project-card .project-card-inner{width:98%;height:95%;position:absolute;z-index:1}.projects-section .projects-container .project-card .project-card-inner .project-title-container{width:fit-content;height:fit-content;position:absolute;top:0;overflow:hidden}.projects-section .projects-container .project-card .project-card-inner .project-title-container .project-title{color:var(--mapanga-white);font-family:NT-Bold;font-size:64px}.projects-section .projects-container .project-card .project-card-inner .project-title-container .project-title::selection{background-color:var(--mapanga-orange);color:var(--mapanga-black)}.projects-section .projects-container .project-card .project-card-inner .projects-lower-container{width:fit-content;height:fit-content;position:absolute;bottom:0;overflow:hidden;display:flex;width:100%;justify-content:space-between;align-items:end}.projects-section .projects-container .project-card .project-card-inner .projects-lower-container .project-description-container,.projects-section .projects-container .project-card .project-card-inner .projects-lower-container .project-year-container{width:fit-content;height:fit-content;overflow:hidden;display:flex}:is(.projects-section .projects-container .project-card .project-card-inner .projects-lower-container .project-description-container,.projects-section .projects-container .project-card .project-card-inner .projects-lower-container .project-year-container) p{color:var(--mapanga-white);font-family:NT-Reg;font-size:32px;text-wrap:nowrap;text-overflow:ellipsis}:is(.projects-section .projects-container .project-card .project-card-inner .projects-lower-container .project-description-container,.projects-section .projects-container .project-card .project-card-inner .projects-lower-container .project-year-container) p::selection{background-color:var(--mapanga-orange);color:var(--mapanga-black)}.projects-section .projects-container .project-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(to top,transparent,rgba(255,193,7,.568) 30%,transparent);opacity:0}.projects-section .projects-container .project-card:hover{background:var(--mapanga-black);box-shadow:0 2px 8px #ffc107,0 12px 20px #0000004d}.projects-section .projects-container .project-card:hover .project-card-inner .project-title-container .project-title,.projects-section .projects-container .project-card:hover .project-card-inner .project-description-container .project-description,.projects-section .projects-container .project-card:hover .project-card-inner .project-year-container .project-year{color:var(--mapanga-orange)}.projects-section .projects-container .project-card:hover:before{opacity:.8;transition:all ease-in-out .6s;transform:rotate(-45deg) translateY(100%)}footer{margin:0;height:100vh;width:100vw;background:var(--mapanga-black);display:flex;align-items:center;justify-content:center;position:relative}footer .footer-inner{width:90%;height:80%;display:flex;flex-direction:column;align-items:center;justify-content:center}footer .footer-inner .text-container{color:var(--mapanga-white);font-size:96px;-webkit-user-select:none;user-select:none;font-family:NT-Med;padding:25px;text-align:center}footer .footer-inner .link-container{padding:12px;height:fit-content;width:fit-content;display:flex;flex-direction:row;gap:16px}footer .footer-inner .link-container a{height:32px;width:32px;font-size:32px;text-decoration:none}footer .footer-inner .link-container a svg{height:100%;width:100%}footer .footer-inner .link-container a svg path{fill:var(--mapanga-white-light)}footer .footer-inner .link-container a svg.website-svg{fill:none}footer .footer-inner .link-container a svg.website-svg path{fill:none;stroke:var(--mapanga-white-light)}footer .footer-inner .link-container a:hover svg.website-svg{fill:none}footer .footer-inner .link-container a:hover svg.website-svg path{fill:none;stroke:var(--mapanga-orange)}footer .footer-inner .link-container a:hover svg path{fill:var(--mapanga-orange)}footer .license{position:absolute;height:fit-content;width:fit-content;bottom:16px;color:var(--mapanga-white-light);z-index:1;font-family:NT-Reg;font-size:24px}}@media screen and (max-width: 300px){.cursor,header,.about-section,.skills-section,.hero-section,.projects-section{display:none}footer{height:100vh;width:100vw;display:flex;background:var(--mapanga-black);align-items:center;justify-content:center}footer .footer-inner{display:flex;align-items:center;justify-content:center}footer .footer-inner .footer-logo,footer .footer-inner .text-container{display:none}footer .footer-inner .link-container{display:flex;flex-wrap:wrap;flex-grow:4;flex-shrink:4;width:100%;height:100%}footer .license{display:none}}