@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;700;800;900&family=Montserrat:wght@100;200;300;400;500;600;700;800;900&family=Poppins:wght@300;400;500;600;700;800;900&display=swap");.nav-bar{position:fixed;top:2rem;width:100%;z-index:999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.nav-bar .container .wrapper{border-radius:25px;padding:1.5rem;background-color:rgba(27,30,39,.8);border:1px solid rgba(40,44,57,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);justify-content:space-between;max-width:90%;margin:0 auto}.nav-bar .container .wrapper,.nav-bar .container .wrapper .logo-wrap{display:flex;align-items:center}.nav-bar .container .wrapper .logo-wrap svg{width:120px}.nav-bar .container .wrapper .mb-nav-btns-wrap{display:flex;gap:80px}@media (min-width:768px){.nav-bar .container .wrapper .mb-nav-btns-wrap{display:none}}.nav-bar .container .wrapper .mb-nav-btns-wrap .nav-btn{background:transparent;border:none;color:#fafafa;font-weight:500;font-family:Poppins,sans-serif}.nav-bar .container .wrapper .dk-nav-btns-wrap{display:none;gap:80px}@media (min-width:768px){.nav-bar .container .wrapper .dk-nav-btns-wrap{display:flex}}.nav-bar .container .wrapper .dk-nav-btns-wrap .nav-btn{background:transparent;border:none;color:#fafafa;font-weight:500;font-family:Poppins,sans-serif;font-size:12px}.nav-bar .container .wrapper .dk-nav-btns-wrap .nav-btn a{text-decoration:none;color:#fafafa}.hero{height:clamp(600px,100vh,800px);color:#fafafa}.hero .container .wrapper{padding-top:7rem;display:flex;flex-direction:column-reverse}.hero .container .wrapper .hero-info .punch-text{font-family:Montserrat,sans-serif}.hero .container .wrapper .hero-info .punch-text h1{font-size:2.5rem;text-align:center;font-weight:900}.hero .container .wrapper .hero-info .punch-text span{display:inline-block}.hero .container .wrapper .hero-info .punch-text .gradient-text-1{background:linear-gradient(90deg,#eeaeca,#94bbe9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent}.hero .container .wrapper .hero-info .punch-text .gradient-text-2{background:linear-gradient(133.64deg,#00e0ff 25.59%,#ebff00 56.88%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent}.hero .container .wrapper .hero-info .punch-text .gradient-text-3{background:linear-gradient(89.94deg,#1400ff -4.8%,#2369f1 0,#ff00c7 51.25%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent}.hero .container .wrapper .hero-info .information{margin-top:1rem;font-family:Poppins,sans-serif;text-align:center}.hero .container .wrapper .hero-info .information span{font-weight:300;font-size:15px;display:block}.hero .container .wrapper .hero-info .buttons{margin-top:1rem;display:flex;justify-content:space-evenly}.hero .container .wrapper .hero-info .buttons button{display:flex;align-items:center;width:40%;max-width:300px;padding:.3rem .7rem;font-family:Poppins,sans-serif;border:none;font-size:12px;font-weight:500}.hero .container .wrapper .hero-info .buttons button svg{margin-right:.5rem;width:17px}.hero .container .wrapper .hero-info .buttons button.github-btn{color:#10101a;background-color:#fafafa}.hero .container .wrapper .hero-info .buttons button.linkedin-btn{background-color:#10101a;color:#fafafa;border:1px solid #fafafa}.hero .container .wrapper .hero-info .scroll-down{margin-top:2rem;display:flex;align-items:center;flex-direction:column}.hero .container .wrapper .hero-info .scroll-down span{font-family:Poppins,sans-serif;margin-top:.4rem;font-size:10px}.hero .container .wrapper .hero-img{max-width:200px;margin:0 auto}@media (min-width:768px){.hero .container .wrapper .hero-info .punch-text h1{font-size:4rem}.hero .container .wrapper .hero-info .information span{font-size:18px}.hero .container .wrapper .hero-info .buttons{margin-top:2rem;gap:1rem;justify-content:center}.hero .container .wrapper .hero-info .buttons button{max-width:200px}.hero .container .wrapper .hero-img{max-width:230px}}@media (min-width:1024px){.hero .container .wrapper{padding-top:11rem;flex-direction:row}.hero .container .wrapper .hero-info{flex:1 1}.hero .container .wrapper .hero-info .punch-text h1{font-size:5rem;text-align:left}.hero .container .wrapper .hero-info .information{text-align:left}.hero .container .wrapper .hero-info .information span{font-size:20px}.hero .container .wrapper .hero-info .buttons{justify-content:flex-start;gap:1rem}.hero .container .wrapper .hero-info .buttons button{max-width:160px;height:40px}.hero .container .wrapper .hero-info .scroll-down{display:none}.hero .container .wrapper .hero-img{max-width:400px}}.about-me{margin-top:5rem;padding-bottom:2rem;color:#fafafa;font-family:Poppins,sans-serif}.about-me .container .wrapper .title h1{font-weight:300;font-size:25px}.about-me .container .wrapper .main{margin-top:2rem;display:flex;flex-direction:column;gap:2rem}.about-me .container .wrapper .main .my-image{max-width:400px;margin:0 auto}.about-me .container .wrapper .main .my-about-me{display:flex;flex-direction:column-reverse;gap:1rem}.about-me .container .wrapper .main .my-about-me .text{display:flex;flex-direction:column;gap:2rem}.about-me .container .wrapper .main .my-about-me .text span{font-size:15px;font-weight:300}.about-me .container .wrapper .main .my-about-me .more-about-me button{width:100%;background-color:#fafafa;border:none;color:#10101a;font-family:Montserrat,sans-serif;font-weight:900;padding:.5rem 1rem;font-size:15px;margin-bottom:.4rem}@media (min-width:768px){.about-me .container .wrapper .main{flex-direction:row}.about-me .container .wrapper .main .my-image{flex:1 1}.about-me .container .wrapper .main .my-about-me{flex:1 1;flex-direction:column-reverse;justify-content:flex-end}.about-me .container .wrapper .main .my-about-me .text span{font-size:1rem}}.projects-section{margin-top:2rem;color:#fafafa;font-family:Poppins,sans-serif;padding-bottom:10rem}.projects-section .container .wrapper .title{padding-bottom:1rem}.projects-section .container .wrapper .title h1{font-weight:300}.projects-section .container .wrapper .projects{display:grid;grid-template-columns:1fr;grid-gap:1rem;gap:1rem}.projects-section .container .wrapper .projects .project{box-shadow:0 4px 4px rgba(0,0,0,.25);display:flex;flex-direction:column;background:linear-gradient(180deg,rgba(35,37,49,.5),rgba(15,15,24,.5));border:1px solid rgba(20,27,44,.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem;border-radius:5px}.projects-section .container .wrapper .projects .project .project-image{display:flex;align-items:center;max-width:200px;margin:0 auto}.projects-section .container .wrapper .projects .project .project-info{top:1rem;height:100%;display:flex;flex-direction:column;justify-content:space-between;text-align:center}.projects-section .container .wrapper .projects .project .project-info .project-title h3{font-size:20px}.projects-section .container .wrapper .projects .project .project-info .project-information{margin-top:.5rem}.projects-section .container .wrapper .projects .project .project-info .project-information span{font-size:15px;display:block}.projects-section .container .wrapper .projects .project .project-info .project-technologies{margin-top:1rem;padding-bottom:2rem;display:flex;justify-content:center;flex-wrap:wrap;gap:10px}.projects-section .container .wrapper .projects .project .project-info .project-technologies .tech{background-color:#34495e;border-radius:25px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:.3rem 1rem;font-size:12px}.projects-section .container .wrapper .projects .project .project-info .project-buttons{display:flex;gap:1rem}.projects-section .container .wrapper .projects .project .project-info .project-buttons button{display:flex;align-items:center;width:50%;font-family:Poppins,sans-serif;color:#fff;background:transparent;padding:.6rem .5rem;border:1px solid #fafafa;border-radius:5px;font-size:11px}.projects-section .container .wrapper .projects .project .project-info .project-buttons button svg{width:20px;margin-right:5px}.projects-section .container .wrapper .projects .project .project-info .project-buttons .cta{border:none;background-color:#2c3e50}@media (min-width:768px){.projects-section .container .wrapper .projects .project{flex-direction:row;gap:2rem}.projects-section .container .wrapper .projects .project .project-image{flex:1 1;max-width:300px}.projects-section .container .wrapper .projects .project .project-info{flex:2 1;text-align:left}.projects-section .container .wrapper .projects .project .project-info .project-technologies{justify-content:flex-start}}@media (min-width:1024px){.projects-section .container .wrapper .projects .project{margin:0 auto;width:100%;max-width:900px}.projects-section .container .wrapper .projects .project .project-image,.projects-section .container .wrapper .projects .project .project-info{flex:unset;flex-basis:50%}.projects-section .container .wrapper .projects .project .project-info .project-title h3{font-size:30px}.projects-section .container .wrapper .projects .project .project-info .project-buttons{flex-direction:column}.projects-section .container .wrapper .projects .project .project-info .project-buttons button{font-size:13px;max-width:170px}}.contacts{position:relative;padding-top:5rem;color:#fafafa;font-family:Poppins,sans-serif;overflow:hidden}.contacts footer{padding:1rem;margin-top:2rem}.contacts footer .container .wrapper h6{color:gray;text-align:center}.contacts .peace-sign{bottom:-30%;right:0;position:absolute;max-width:350px;z-index:-1}.contacts .container .wrapper .title{padding-bottom:1rem}.contacts .container .wrapper .title h1{font-weight:300}.contacts .container .wrapper .contact-text-headline h1{font-family:Montserrat,sans-serif;font-weight:900;font-size:35px;mix-blend-mode:difference}.contacts .container .wrapper .contact-text-headline h1 .cookies{color:#ff6900}.contacts .container .wrapper .contact-text-headline h1 .connect{color:#f0ff3e}.contacts .container .wrapper .socials{display:flex;flex-direction:column;gap:.5rem;margin-top:5rem;font-family:Montserrat,sans-serif}.contacts .container .wrapper .socials h4{position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.contacts .container .wrapper .socials h4:after{position:absolute;content:"";height:1px;width:40%;background-color:#c4c4c4;bottom:-5px;left:0;transition:width .3s ease}.contacts .container .wrapper .socials h4:hover:after{width:100%}@media (min-width:768px){.contacts .container .wrapper .socials{flex-direction:row;gap:1rem}}.mobile-nav{position:fixed;height:100vh;z-index:99999999}.mobile-nav .main-nav{z-index:3;background-color:#10101a;width:100%;height:100%;position:fixed;overflow:hidden}.mobile-nav .main-nav .container .wrapper{padding:1rem}.mobile-nav .main-nav .container .wrapper .close-btn{margin-top:1rem;display:flex;justify-content:flex-end}.mobile-nav .main-nav .container .wrapper ul{margin-top:2rem;list-style-type:none;color:#fafafa;font-family:Poppins,sans-serif}.mobile-nav .main-nav .container .wrapper ul a{text-decoration:none;color:#fafafa}.mobile-nav .main-nav .container .wrapper ul a li{font-size:15px;text-align:center;margin-bottom:.5rem;padding:.5rem;border-bottom:1pt solid #1c1c2d}.mobile-nav .mb-bg{position:fixed;top:0;left:0}.mobile-nav .bg-1{width:100%;background-color:#e74c3c;z-index:1}.mobile-nav .bg-2{width:100%;background-color:#3498db;z-index:2}.proj1-hero{position:relative}.proj1-hero .background{top:0;left:0;position:absolute;height:100%;width:100%;z-index:-1;overflow:hidden}.proj1-hero .background figure{position:relative;width:100%;height:100%}.proj1-hero .background figure .cover{background-color:#10101a;width:100%;height:100%;position:absolute;top:0;z-index:1}.proj1-hero .container .wrapper{color:#fafafa;padding-top:8rem;padding-bottom:2rem}.proj1-hero .container .wrapper .hero-text .punch-text{font-family:Montserrat,sans-serif}.proj1-hero .container .wrapper .hero-text .punch-text h1{font-weight:900;font-size:35px}@media (min-width:768px){.proj1-hero .container .wrapper .hero-text .punch-text h1{font-size:45px}}.proj1-hero .container .wrapper .hero-text .information{margin-top:.2rem}.proj1-hero .container .wrapper .hero-text .information span{font-family:Montserrat,sans-serif;font-weight:300;font-size:13px;display:block;max-width:70%}.proj1-hero .container .wrapper .hero-text .project-overview{margin-top:1rem}.proj1-hero .container .wrapper .hero-text .project-overview .quick-info .title{font-family:Montserrat,sans-serif}.proj1-hero .container .wrapper .hero-text .project-overview .quick-info .title h4{font-size:12px;font-weight:700}.proj1-hero .container .wrapper .hero-text .project-overview .quick-info .row-2{margin-top:.2rem;padding-bottom:.2rem;display:flex;gap:5px;flex-wrap:wrap}.proj1-hero .container .wrapper .hero-text .project-overview .quick-info .row-2 span{background-color:#34495e;padding:.2rem .8rem;font-family:Poppins,sans-serif;font-size:12px;border-radius:25px}.proj1-hero .container .wrapper .hero-text .project-buttons{display:flex;flex-direction:column;gap:10px;margin-top:1rem}.proj1-hero .container .wrapper .hero-text .project-buttons button{padding:.5rem .9rem;display:flex;align-items:center;gap:10px;max-width:150px;font-family:Poppins,sans-serif;color:#fafafa;background:transparent;border:1px solid #fafafa;font-size:12px;border-radius:5px}.proj1-hero .container .wrapper .hero-text .project-buttons button svg{width:20px}.proj1-hero .container .wrapper .hero-text .project-buttons button.cta{background-color:#2c3e50;border:none}.proj1-hero .container .wrapper .scroll-down{margin-top:1rem;display:flex;align-items:center;flex-direction:column}.proj1-hero .container .wrapper .scroll-down span{font-family:Poppins,sans-serif;margin-top:.4rem;font-size:10px}.information-section{margin-top:2rem;padding-bottom:3rem;color:#fafafa}.information-section .container .wrapper .info-boxes .title{font-family:Poppins,sans-serif}.information-section .container .wrapper .info-boxes .title h1{font-weight:300;font-size:25px}.information-section .container .wrapper .info-boxes .box{display:flex;flex-direction:column;margin-top:1rem;border-radius:10px;padding:1rem;font-family:Montserrat,sans-serif;background-color:#141b2c;overflow-x:scroll}.information-section .container .wrapper .info-boxes .box .box-title{padding-bottom:1rem}.information-section .container .wrapper .info-boxes .box .box-title h1{font-size:20px}.information-section .container .wrapper .info-boxes .box .box-main{display:flex;gap:2rem}.information-section .container .wrapper .info-boxes .box .box-main-modified{display:flex;flex-direction:column;gap:1rem}.information-section .container .wrapper .info-boxes .box .box-main-modified .row{display:flex;flex-direction:column;gap:.2rem}@media (min-width:768px){.information-section .container .wrapper .info-boxes .box .box-main-modified .row{flex-direction:row;justify-content:space-between}.information-section .container .wrapper .info-boxes .box .box-main-modified .row .main-text,.information-section .container .wrapper .info-boxes .box .box-main-modified .row .support-text{flex-basis:50%}}.information-section .container .wrapper .info-boxes .box .box-main-modified .row .main-text h1{font-size:16px}.information-section .container .wrapper .info-boxes .box .box-main-modified .row .support-text span{font-size:13px}.information-section .container .wrapper .info-boxes .box .col:first-of-type{margin-left:1rem}.information-section .container .wrapper .info-boxes .box .col .title h3{font-size:13px}.information-section .container .wrapper .info-boxes .box .col .text{margin-top:1rem;display:flex;flex-direction:column;gap:10px;min-width:120px;flex:1 0}.information-section .container .wrapper .info-boxes .box .col .text h1,.information-section .container .wrapper .info-boxes .box .col .text span{display:flex;align-items:center;height:40px}.information-section .container .wrapper .info-boxes .box .col .text h1{font-size:16px}.information-section .container .wrapper .info-boxes .box .col .text span{font-size:13px}.information-section .container .wrapper .info-boxes .box .col.function{min-width:400px}.about-me-hero{padding-bottom:2rem;position:relative}.about-me-hero .background{position:absolute;top:0;left:0;height:300px;width:100%;z-index:-1;overflow:hidden}.about-me-hero .background figure{position:relative;height:100%}.about-me-hero .background figure .cover{z-index:2;position:absolute;top:0;width:100%;height:100%;background-color:#10101a}.about-me-hero .background figure .darken{z-index:1;height:100%;width:100%;content:"";position:absolute;top:0;left:0;background-color:#141b2c;opacity:0}.about-me-hero .container{z-index:2;color:#fafafa;padding-top:8rem;font-family:Montserrat,sans-serif}.about-me-hero .container .wrapper{background-color:#141b2c;opacity:.9;padding:1rem;border-radius:10px;display:flex;flex-direction:column;gap:1rem}.about-me-hero .container .wrapper .handsome{margin:0 auto;max-width:350px}.about-me-hero .container .wrapper .hero-short-bio{flex:1 1;display:flex;flex-direction:column;align-items:center}.about-me-hero .container .wrapper .hero-short-bio .my-name{font-weight:900}.about-me-hero .container .wrapper .hero-short-bio .graduate{margin-top:.2rem;font-size:12px}.about-me-hero .container .wrapper .hero-short-bio .large-text-am{font-size:1rem}.about-me-hero .container .wrapper .hero-short-bio .featured-achievements{display:flex;flex-direction:column;margin-top:1rem}.about-me-hero .container .wrapper .hero-short-bio .featured-achievements .row-1 .title{padding-bottom:.2rem}.about-me-hero .container .wrapper .hero-short-bio .featured-achievements .row-1 .title h5{text-align:center}.about-me-hero .container .wrapper .hero-short-bio .featured-achievements .row-1 .featured-row{justify-content:center;margin-top:.3rem;display:flex;gap:10px}.about-me-hero .container .wrapper .hero-short-bio .featured-achievements .row-1 .featured-row figure{max-width:120px}.about-me-hero .container .wrapper .hero-short-bio .featured-achievements .row-2{margin-top:1rem}.about-me-hero .container .wrapper .hero-short-bio .featured-achievements .row-2 button{display:flex;flex-direction:column;align-items:center;font-family:Montserrat,sans-serif;border:none;color:#c4c4c4;background-color:transparent;margin:0 auto;font-size:15px;font-weight:700}.about-me-hero .container .wrapper .hero-short-bio .featured-achievements .row-2 button a{color:inherit;text-decoration:none}.about-me-hero .container .wrapper .hero-short-bio .featured-achievements .row-2 button:after{margin-top:.2rem;content:"";width:50%;transition:width .5s ease;height:2px;background-color:#c4c4c4}.about-me-hero .container .wrapper .hero-short-bio .featured-achievements .row-2 button:hover:after{width:100%}@media (min-width:680px){.about-me-hero .container .wrapper{flex-direction:row}.about-me-hero .container .wrapper .hero-short-bio{align-items:flex-start}.about-me-hero .container .wrapper .hero-short-bio .my-name{font-size:35px}.about-me-hero .container .wrapper .hero-short-bio .large-text-am{font-size:20px}.about-me-hero .container .wrapper .hero-short-bio .graduate{font-size:15px}.about-me-hero .container .wrapper .hero-short-bio .featured-achievements{margin-top:1rem}.about-me-hero .container .wrapper .hero-short-bio .featured-achievements .row-1 .title h5{text-align:left}.about-me-hero .container .wrapper .hero-short-bio .featured-achievements .row-1 .featured-row{justify-content:flex-start}.about-me-hero .container .wrapper .hero-short-bio .featured-achievements .row-2 button{align-items:flex-start;margin:unset}}@media (min-width:1024px){.about-me-hero .container .wrapper .hero-short-bio .my-name{font-size:45px}}.hello-me{color:#fafafa;font-family:Poppins,sans-serif}.hello-me .container .wrapper .title h1{font-weight:300;font-size:25px}.hello-me .container .wrapper .hello-text{margin-top:1rem;display:flex;flex-direction:column;gap:1rem}@media (min-width:768px){.hello-me .container .wrapper .hello-text{flex-direction:row}}.hello-me .container .wrapper .hello-text span{font-size:15px}.what-do-i-do{color:#fafafa;margin-top:3rem;font-family:Poppins,sans-serif;padding-bottom:2rem}.what-do-i-do .container .wrapper .title h1{font-weight:300;font-size:25px}.what-do-i-do .container .wrapper .what-do-i-do-main{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.what-do-i-do .container .wrapper .what-do-i-do-main .row{display:flex;flex-direction:column;gap:1.5rem;padding:1rem;background-color:#141b2c;border-radius:10px}.what-do-i-do .container .wrapper .what-do-i-do-main .row .image,.what-do-i-do .container .wrapper .what-do-i-do-main .row .info{flex-basis:50%}.what-do-i-do .container .wrapper .what-do-i-do-main .row .info .title h2{text-align:left;font-size:20px}.what-do-i-do .container .wrapper .what-do-i-do-main .row .info .description{margin-top:.5rem}.what-do-i-do .container .wrapper .what-do-i-do-main .row .info .description span{font-size:15px}@media (min-width:768px){.what-do-i-do .container .wrapper .what-do-i-do-main .row{flex-direction:row}.what-do-i-do .container .wrapper .what-do-i-do-main .row .info .title h2{font-size:25px}.what-do-i-do .container .wrapper .what-do-i-do-main .reverse{flex-direction:row-reverse}}.skills{margin-top:2rem;color:#fafafa;font-family:Poppins,sans-serif;padding-bottom:1rem}.skills .container .wrapper .title h1{font-size:25px;font-weight:300}.skills .container .wrapper .skill-wrap{margin-top:1rem;display:flex;flex-direction:column;gap:1rem}@media (min-width:768px){.skills .container .wrapper .skill-wrap{flex-direction:row}}.skills .container .wrapper .skill-wrap .skill-card{display:flex;flex-direction:column;justify-content:space-between;flex:1 1;padding:1rem;background-color:#141b2c;border-radius:10px}.skills .container .wrapper .skill-wrap .skill-card .skills-main{display:flex;flex-wrap:wrap;gap:.5rem}.skills .container .wrapper .skill-wrap .skill-card .skills-main span{background-color:#2c3e50;padding:.5rem 1rem;border-radius:25px;font-size:14px;flex:auto;display:block;text-align:center}.skills .container .wrapper .skill-wrap .skill-card .skill-title{margin-top:1rem}.skills .container .wrapper .skill-wrap .skill-card .skill-title span{display:block;text-align:center;font-size:13px}.achievements{margin-top:2rem;color:#fafafa;font-family:Poppins,sans-serif;padding-bottom:2rem}.achievements .container .wrapper .title h1{font-size:25px;font-weight:300}.achievements .container .wrapper .achievements-main{margin-top:1rem;display:grid;grid-template-columns:1fr;grid-gap:1rem;gap:1rem}@media (min-width:768px){.achievements .container .wrapper .achievements-main{grid-template-columns:1fr 1fr}}@media (min-width:1024px){.achievements .container .wrapper .achievements-main{grid-template-columns:1fr 1fr 1fr}}.achievements .container .wrapper .achievements-main .achievement{display:flex;flex-direction:column;padding:1rem;background-color:#141b2c;border-radius:10px}.achievements .container .wrapper .achievements-main .achievement .image{max-width:500px;margin:0 auto}.achievements .container .wrapper .achievements-main .achievement .title span{display:block;text-align:center;font-size:15px}.achievements .container .wrapper .achievements-main .achievement .buttons{padding-top:1rem;margin-top:auto}.achievements .container .wrapper .achievements-main .achievement .buttons button{display:flex;align-items:center;justify-content:center;border:1px solid #fafafa;border-radius:10px;width:100%;height:35px;font-size:12px;font-family:Poppins,sans-serif;font-weight:500;color:#fafafa;background-color:transparent}.achievements .container .wrapper .achievements-main .achievement .buttons button svg{margin-right:.5rem}.achievements .container .wrapper .show-more{margin-top:1rem}.achievements .container .wrapper .show-more h4{text-align:center;font-size:12px;font-weight:300;text-decoration:underline}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#292943;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#555}*{margin:0;padding:0;box-sizing:border-box}html{cursor:auto;scroll-behavior:smooth;scroll-padding:120px}@media (min-width:768px){html{cursor:none}}body{overflow-x:hidden}.cursor{display:none;position:fixed;z-index:9999999999;-webkit-animation:spin 50s linear infinite;animation:spin 50s linear infinite;mix-blend-mode:difference;pointer-events:none}@media (min-width:768px){.cursor{display:block}}@-webkit-keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(3turn)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(3turn)}}.container{max-width:1000px;margin:0 auto;padding:0 1rem}body{background-color:#10101a}