:root{--primary-background-color: #ffffff;--secondary-background-color: #f9f9f9;--tertiary-background-color: #147efb;--quaternary-background-color: #2d2e32;--primary-font-color: #2d2e32;--secondary-font-color: #555555;--tertiary-font-color: #ffffff;--primary-scrollbar-color: #ffffff;--secondary-scrollbar-color: #8e8e8e;--tertiary-scrollbar-color: #878787;--primary-font: "Poppins", sans-serif;--secondary-font: "Mulish", sans-serif;--weird-rgba-1: rgba(0, 0, 0, .1);--weird-rgba-2: rgba(45, 46, 50, .5)}body.dark-mode{--primary-background-color: #1a1a1a;--secondary-background-color: #222222;--tertiary-background-color: #147efb;--quaternary-background-color: #0c0c0c;--primary-font-color: #ffffff;--secondary-font-color: #cccccc;--tertiary-font-color: #ffffff;--primary-scrollbar-color: #1a1a1a;--secondary-scrollbar-color: #555555;--tertiary-scrollbar-color: #878787;--weird-rgba-1: rgba(0, 0, 0, .4);--weird-rgba-2: rgba(255, 255, 255, .5)}*{box-sizing:border-box;margin:0;padding:0}html{font-size:62.5%;scroll-behavior:smooth}body{background-color:var(--primary-background-color);font-family:var(--primary-font);position:relative}.container{max-width:107rem;margin:0 auto;padding:0 4rem}@media (max-width: 460px){.container{padding:0 1.7rem}}*{scrollbar-width:thin;scrollbar-color:var(--secondary-scrollbar-color) var(--primary-scrollbar-color)}*::-webkit-scrollbar{width:8px}*::-webkit-scrollbar-track{border-radius:20px;background-color:var(--primary-scrollbar-color)}*::-webkit-scrollbar-track:hover{background-color:var(--primary-scrollbar-color)}*::-webkit-scrollbar-track:active{background-color:var(--primary-scrollbar-color)}*::-webkit-scrollbar-thumb{border-radius:20px;background-color:var(--secondary-scrollbar-color)}*::-webkit-scrollbar-thumb:hover{background-color:var(--tertiary-scrollbar-color)}*::-webkit-scrollbar-thumb:active{background-color:var(--secondary-scrollbar-color)}.mobile-menu{font-size:2.3rem;cursor:pointer}.mobile-menu:hover{color:var(--tertiary-background-color);transition:all .3s}@media (max-width: 1050px){.mobile-menu{display:flex}}.closed-menu{left:-100%!important}.open-menu{left:0!important}.mobile-nav{display:flex;width:100%;height:100vh;z-index:300;background-color:var(--primary-background-color);position:fixed;top:0;left:0;text-align:center;align-items:center;justify-content:center;transition:all .3s ease-in-out}.mobile-nav span{font-size:3.3rem;position:absolute;top:2rem;right:4rem;cursor:pointer;color:var(--primary-font-color)}.mobile-nav span:hover{color:var(--tertiary-background-color);transition:all .3s}.mobile-nav ul{display:flex;flex-direction:column;gap:4rem;font-size:2.3rem;list-style:none}.mobile-nav ul a{color:var(--primary-font-color);text-decoration:none;font-weight:500}.mobile-nav ul a:hover{color:var(--tertiary-background-color);transition:all .3s}nav{font-size:1.7rem;width:100%;height:auto;padding:20px 40px 20px 50px;display:flex;justify-content:space-between;position:fixed;background-color:var(--primary-background-color);top:0;left:0;box-shadow:0 0 10px var(--weird-rgba-1);z-index:200;align-items:center}nav ul{display:flex;align-items:center;list-style:none;gap:3rem}nav ul a,nav h3,nav svg{color:var(--primary-font-color);text-decoration:none;transition:all .25s;font-weight:600}nav ul a:hover,nav h3:hover,nav svg:hover{color:var(--tertiary-background-color)}.logo:hover svg,.logo p:hover+svg{color:var(--tertiary-background-color)}.logo{cursor:pointer;color:var(--primary-font-color);display:flex;align-items:center;padding-right:3rem}.logo svg{margin-right:1rem}.hero{display:flex;flex-direction:column;width:100%;min-height:100vh;height:auto;overflow:visible;background-color:var(--secondary-background-color);position:relative}@media (max-width: 1050px){.hero{padding:11rem 0}}.hero-main{display:flex;justify-content:center;align-items:center;gap:10rem;position:relative}@media (max-width: 1050px){.hero-main{flex-direction:column-reverse;text-align:center;height:auto;gap:3rem}}.content{display:flex;justify-content:center;align-items:center;min-height:65rem;height:auto;gap:10rem;position:relative}@media (max-width: 1050px){.content{flex-direction:column;text-align:center;gap:3rem}}@media (min-width: 1600px){.content{margin-top:6rem}}@media (min-width: 1900px){.content{margin-top:10rem}}.hero-text{display:flex;flex-direction:column;max-width:50rem;position:relative}.hero-text h1{font-size:5.5rem;line-height:1.2;color:var(--primary-font-color);margin-bottom:2rem;margin-top:2rem}@media (max-width: 400px){.hero-text h1{font-size:4rem}}.hero-text p{font-size:1.8rem;font-weight:500;color:var(--secondary-font-color);font-family:var(--secondary-font);line-height:1.6}@media (max-width: 1050px){.hero-text p{margin-bottom:5rem}}.hero-text span{display:flex;gap:1.3rem;margin:2.5rem 0;cursor:pointer}.hero-text span a{font-size:3rem;color:var(--primary-font-color)}@media (max-width: 1050px){.hero-text span{justify-content:center;margin-top:-2rem;margin-bottom:4rem;gap:1.6rem}}.hero-text span a{transition:all .2s}.hero-text span a:hover{color:var(--tertiary-background-color)}.hero-text img{position:absolute;width:6rem;height:6rem;top:8.7rem;right:13rem}@media (max-width: 1050px){.hero-text img{right:3rem}}@media (max-width: 400px){.hero-text img{top:6.4rem;right:4rem;width:4.5rem;height:4.5rem}}@media (max-width: 400px){.hero-text img{right:3rem}}@media (max-width: 380px){.hero-text img{right:3rem}}@media (max-width: 375px){.hero-text img{right:1.7rem}}.hero-img{width:35rem;height:35rem;background:url(/assets/twig-bL_HG0_J.png) center/cover;background-size:cover;background-position:center center;background-repeat:no-repeat;position:relative}.legal-text{display:flex;flex-direction:column;position:relative;color:var(--secondary-font-color);font-size:1.8rem;font-weight:500;margin-top:10rem;text-align:left;overflow:auto;padding-bottom:5rem}@media (max-width: 1050px){.legal-text{margin-top:2rem;height:100vh}}.legal-text h1{font-size:5.5rem;line-height:1.2;color:var(--primary-font-color);margin-bottom:2rem;margin-top:2rem}.legal-text ol{list-style-type:decimal;padding-left:2rem}.legal-text ol>li{color:var(--primary-font-color);font-weight:700;margin-top:2rem}.legal-text ol>li>ol{list-style-type:lower-alpha;margin-left:2rem;padding-left:1rem}.legal-text ol>li>ol>li{color:var(--secondary-font-color);font-weight:400}.skills{display:flex;font-size:1.7rem;color:var(--secondary-font-color);align-items:center;position:absolute;bottom:0;left:0}@media (max-width: 1050px){.skills{position:initial;flex-direction:column}}.skills p{margin-right:5rem;font-family:var(--secondary-font);font-weight:600;color:var(--primary-font-color)}@media (max-width: 1050px){.skills p{margin-right:0;margin-bottom:3rem;border-right:none;padding-left:0;padding-right:0}}.skills-arrow{width:2rem;height:2rem;margin-right:5rem;background-color:var(--weird-rgba-2);transform:rotate(-90deg);clip-path:polygon(0% 46%,84.686% 46%,92% 46%,100% 46%,100% 50%,100% 54%,92% 54%,84.686% 54%,0% 54%)}@media (max-width: 1050px){.skills-arrow{width:4rem;margin-right:0;margin-bottom:3rem;transform:rotate(0)}}.skills p:hover+.skills-arrow{animation:morph-into-arrow .5s .1s ease-out forwards}@keyframes morph-into-arrow{to{clip-path:polygon(0% 46%,84.686% 46%,64.343% 25.657%,70% 20%,100% 50%,70% 80%,64.343% 74.343%,84.686% 54%,0% 54%);rotate:450deg;width:2rem}}@media (max-width: 1050px){.skills-arrow{margin-right:0;margin-bottom:3rem}}.skills ul{list-style:none;display:flex;flex-wrap:wrap;gap:1.2rem}@media (max-width: 1050px){.skills ul{justify-content:center}}.skills ul li{cursor:pointer}.skills ul li img{height:5.5rem;transition:all ease-in-out .1s}.skills ul li img:hover{transform:translateY(-.5rem)}.about{background-color:var(--primary-background-color);padding:15rem 0}@media (max-width: 1050px){.about{padding:8rem 0}}.about-content{display:grid;grid-template-columns:.8fr 1fr;justify-content:center;align-items:center}@media (max-width: 1050px){.about-content{grid-template-columns:1fr;text-align:center}}.text-side{padding-right:1.5rem}@media (max-width: 1050px){.text-side{max-width:54rem;margin:0 auto}}@media (max-width: 400px){.text-side{padding-right:0}}.text-side span{text-decoration:underline var(--tertiary-background-color)}.text-side h3{font-size:1.7rem;color:var(--tertiary-background-color);text-transform:uppercase;font-weight:700;margin-bottom:1rem}.text-side h4{font-size:2.5rem;font-family:var(--primary-font);line-height:1.4;margin-bottom:2rem;color:var(--primary-font-color)}.text-side p{font-size:1.7rem;font-family:var(--secondary-font);color:var(--secondary-font-color);font-weight:500;line-height:1.5}.img-side{position:relative}@media (max-width: 1050px){.img-side{display:flex;justify-content:center}}.img-side span{width:19rem;height:19rem;position:absolute;background-color:var(--primary-background-color);bottom:-33px;right:33px;border-radius:50%}@media (max-width: 1050px){.img-side span{width:17rem;height:17rem;bottom:-3px;right:190px}}@media (max-width: 880px){.img-side span{bottom:-3px;right:100px}}@media (max-width: 750px){.img-side span{display:none}}.img-side span img{width:19rem;animation:rotate 9s linear infinite}@media (max-width: 1050px){.img-side span img{width:17rem}}@keyframes rotate{to{transform:rotate(360deg)}}.img-side__main-img{background:url(/assets/twig-bL_HG0_J.png) center/cover;width:35rem;height:35rem;border-radius:2rem}@media (max-width: 1050px){.img-side__main-img{margin-bottom:3.5rem}}@media (max-width: 460px){.img-side__main-img{width:90%;height:auto}}.project{color:var(--primary-font-color);font-size:1.7rem;display:flex;background-color:var(--secondary-background-color);padding:15rem 0}@media (max-width: 1050px){.project{padding:8rem 0}}.contact{background-color:var(--primary-background-color);padding:11rem 0}@media (max-width: 1050px){.contact{padding:8rem 0}}.contact__content{display:flex;flex-direction:column}@media (max-width: 750px){.contact__title{text-align:center}}.contact__title p{color:var(--tertiary-background-color);text-transform:uppercase;font-weight:700;font-size:1.7rem;margin-bottom:1rem}.contact__title h3{color:var(--primary-font-color);font-size:2.5rem}.contact__icons{display:flex;gap:8rem;flex-wrap:wrap;margin-top:6rem}@media (max-width: 750px){.contact__icons{flex-direction:column;gap:5rem;justify-content:center;text-align:center}}.contact__icon-box{display:flex;align-items:center;gap:1.5rem}@media (max-width: 750px){.contact__icon-box{flex-direction:column}}.contact__icon-box a{text-decoration:none;display:flex;align-items:center;gap:1rem}.contact__icon-box span{background-color:var(--primary-background-color);width:5rem;display:flex;align-items:center;justify-content:center;height:5rem;box-shadow:0 0 10px var(--weird-rgba-1);border-radius:50%;color:var(--tertiary-background-color)}.contact__icon-box{display:flex;flex-direction:column;gap:.5rem}.contact__icon-box h3{font-size:1.7rem;color:var(--primary-font-color)}.contact__icon-box:hover p{color:var(--tertiary-background-color);transition:all .3s}.contact__info{font-size:1.7rem;color:var(--secondary-font-color)}footer{background-color:var(--quaternary-background-color);padding:5rem 0;width:100%}footer h3{font-size:1.7rem;color:var(--tertiary-font-color)}.footerc{display:flex;justify-content:space-between;align-items:center}@media (max-width: 550px){.footerc{flex-wrap:wrap;justify-content:center;gap:2rem;text-align:center}}.footerc__socials{display:flex;gap:2rem;align-items:center;justify-content:center;margin-top:1rem}.footerc__socials a{font-size:2.3rem;color:var(--tertiary-font-color)}.footerc__socials a:hover{transform:translateY(-.3rem);transition:all .2s ease-in-out}