@import"https://fonts.googleapis.com/css2?family=ABeeZee:ital@0;1&family=Archivo+Black&family=Bebas+Neue&family=Fira+Code:wght@300..700&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#fbfefb;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.nav-container{display:flex;align-items:center;text-align:center;width:100%;margin:30px auto auto}.main-nav{display:flex;align-items:center;text-align:center;gap:18px;background-color:#dbe0dd94;width:fit-content;border-radius:16px;padding:0 20px;margin:auto;height:48px}.nav-bar-children{text-decoration:none;width:31px;height:auto;cursor:pointer;position:relative}.icon-wrapper{position:relative;cursor:pointer}.icon-wrapper:before{content:"Experience";position:absolute;opacity:0;top:10px;z-index:-3;left:-29px;font-size:14px;background-color:#d3dad1;padding-right:9px;padding-left:9px;border-radius:10px;color:#414141;transition:.5s;transform:scale(.4)}.icon-wrapper:hover:before{opacity:1;top:50px;transform:scale(1)}#home-icon-wrapper:before{content:"Home";left:-14px}#folder-icon-wrapper:before{content:"Projects";left:-20px}#build-icon-wrapper:before{content:"Skills";left:-11px}#emoji-events-icon-wrapper:before{content:"Awards";left:-18px}#contact-page-icon-wrapper:before{content:"Contact";left:-21px}.main-container{display:flex;flex-direction:column;align-items:flex-start;height:fit-content;margin-left:16%;margin-top:16vh;margin-bottom:18vh}.introducing-text{font-family:ABeeZee,sans-serif;font-size:34px;color:#202020;margin-bottom:0;margin-left:-1px}.main-text{color:#0eb669;font-size:128px;font-family:Roboto,sans-serif;font-weight:700;line-height:1em;margin-top:10px;margin-bottom:0}.main-text span{color:#000;font-size:128px;font-family:Roboto,sans-serif;font-weight:700}.description{font-family:Poppins,sans-serif;font-size:34px;color:#202020;margin-top:15px;margin-left:6px;margin-bottom:0}.get-in-touch{color:#fff;opacity:.9;font-size:23px;font-family:Roboto,sans-serif;background-color:#131313;width:fit-content;padding:15px;position:relative;height:fit-content;margin-top:20px;margin-left:10px;border-radius:15px;border:none;cursor:pointer;overflow:hidden;transition:transform .2s ease}.get-in-touch:hover{transform:translateY(-2px)}.get-in-touch:before{content:"";position:absolute;top:50%;left:50%;align-items:center;text-align:center;display:flex;transform:translate(-50%,-50%) scale(1);opacity:0;width:20%;height:20%;border-radius:15%;transform-origin:center;background-color:#474747;transform-origin:left;transition:.15s;z-index:-1}.get-in-touch:hover:before{width:105%;opacity:1;height:105%}.blobContainer{position:absolute;z-index:-1;opacity:.5;width:50%;transform:scale(1)}@media (max-width: 1600px){.main-container{margin-left:12%;margin-top:12vh;margin-bottom:14vh}.introducing-text{font-size:32px}.main-text,.main-text span{font-size:112px}.description{font-size:32px}.get-in-touch{font-size:22px;padding:14px}.blobContainer{margin-left:-1%;transform:scale(1)}}@media (max-width: 1200px){.main-container{margin-left:10%;margin-top:10vh;margin-bottom:12vh;width:70%}.introducing-text{font-size:28px}.main-text,.main-text span{font-size:96px}.description{font-size:26px;width:75%}.get-in-touch{font-size:20px;padding:12px}.blobContainer{margin-left:-1%;transform:scale(1.2)}}@media (max-width: 768px){.main-container{margin:auto;margin-top:10vh}.introducing-text{font-size:24px}.main-text,.main-text span{font-size:72px}.description{font-size:24px;width:95%}.get-in-touch{font-size:18px;padding:10px}.blobContainer{margin-left:-27%;width:1%;transform:scale(1);top:5vh;right:100%}}@media (max-width: 480px){.main-container{margin-left:5%;margin-top:6vh;margin-bottom:8vh}.introducing-text{font-size:20px}.main-text,.main-text span{font-size:56px}.description{font-size:20px;width:100%}.get-in-touch{font-size:16px;padding:8px}.blobContainer{margin-left:-30%;width:1%;transform:scale(.5);top:3vh;right:100%}}.blob-svg{width:100%;height:auto;max-width:900px}.blob-path{transition:d 2s ease-in-out;will-change:d}@media (prefers-reduced-motion: reduce){.blob-path{transition:none}}@media (max-width: 1200px){.blob-svg{max-width:800px}}@media (max-width: 768px){.blob-svg{max-width:600px}}@media (max-width: 480px){.blob-svg{max-width:400px}}.square-container{position:absolute;margin-left:-10px;z-index:-1;display:grid;grid-template-columns:repeat(10,1fr);grid-gap:5px;width:130px;height:130px}.dot{width:5px;height:5px;background-color:#b9dab9;border-radius:50%}.card-container{height:fit-content;position:absolute;bottom:47%;width:fit-content;transform:translateY(57%);right:13%;display:flex;justify-content:center;align-items:center;z-index:1}.waves{position:absolute;top:0;z-index:-1;width:100%;height:46%}.card-content{display:flex;top:50px;left:4px;right:0;flex-direction:column;align-items:center;justify-content:center;height:fit-content;margin:0 auto;width:fit-content;padding:0;background-color:#fff;border-radius:64px;box-shadow:0 4px 24px #00000026;z-index:2}.hikolakita-logo{width:25%;height:auto;margin-top:15px}.hikolakita-text{font-family:Archivo Black,sans-serif;margin-top:80px;font-size:32px;color:#000;text-align:center;text-transform:uppercase;position:relative;display:inline-block}.hikolakita-text:after{content:"";position:absolute;bottom:7px;left:0;width:90%;height:15px;background-color:#ffc107;z-index:-1}.card-description{font-family:Roboto,sans-serif;font-size:19px;color:#000;text-align:center;margin-top:-10px;width:70%;margin-bottom:0}.logos-container{display:flex;gap:23px;margin-top:25px;margin-bottom:20px}.logos{height:auto;width:35px;cursor:pointer;opacity:.8;transition:.15s}.logos:hover{opacity:1;transform:scale(1.1)}@media (max-width: 1200px){.card-container{right:1%;height:fit-content;width:15%;top:-30px;margin-top:0;margin-right:0;margin-left:100px}.hikolakita-logo{width:25%}.hikolakita-text{font-size:28px;margin-top:60px}.card-description{font-size:15px;width:80%}.logos{width:30px}.waves{height:40%}}@media (max-width:1650px){.card-container{right:6%;width:30%;top:40px}.card-content,.waves{width:100%}}@media (max-width: 1024px){.card-container{width:25%;position:absolute;margin:auto;margin-bottom:15vh}.card-content{width:100%;position:relative}.waves{height:40%}.hikolakita-logo{width:30%}.hikolakita-text{font-size:22 px;margin-top:60px}.card-description{font-size:17px;width:80%}.logos{width:30px}}@media (max-width: 767px){.card-container{width:60%;position:relative;margin:0 auto auto}.waves{height:35%;width:100%}.card-content{padding:20px;border-radius:32px;width:100%}.hikolakita-logo{width:40%;margin-top:10px}.hikolakita-text{font-size:24px;margin-top:40px}.card-description{font-size:15px;width:90%}.logos{width:25px;gap:15px}}.section-title-text{font-family:Archivo Black,sans-serif;font-size:38px;color:#202020;margin-bottom:0;margin-left:16.5%;font-weight:700;letter-spacing:-.02em;margin-top:12vh}.sectionMessage{font-family:Roboto,sans-serif;font-size:19px;color:#202020;margin-top:10px;margin-left:16.6%}.projects-container{display:flex}@media (max-width: 1600px){.section-title-text{margin-left:13%;font-size:38px}.sectionMessage{margin-left:13.3%}}@media (max-width: 1200px){.section-title-text{margin-left:11.5%;font-size:35px}.sectionMessage{margin-left:11.8%}}
