.mobile-menu{font-size:2.3rem;cursor:pointer;display:none}.mobile-menu:hover{color:#147efb;transition:all .3s}.closed-menu{left:-100%!important}.open-menu{left:0!important}.mobile-nav{display:flex;width:100%;height:100vh;z-index:300;background-color:#fff;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}.mobile-nav span:hover{color:#147efb;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:#000;text-decoration:none;font-weight:500}.mobile-nav ul a:hover{color:#147efb;transition:all .3s}#menu li{float:left;margin-left:35px;font-size:11px;line-height:11px;font-weight:500;letter-spacing:.11em}#menu li:hover{animation:shake .5s infinite}#menu :after{content:" "}.lang{gap:1rem}#lang .lang{font-size:11px;font-weight:400;letter-spacing:.2em}.lang li.active a,.mobile-nav li.active a{opacity:.3;cursor:pointer;color:#030202}.logo{cursor:pointer;color:#2d2e32}nav ul{display:flex;list-style:none;gap:1rem;align-content:end}nav ul a{color:#2d2e32;text-decoration:none;transition:all .23s;font-weight:600}nav ul li a:hover{color:#147efb}nav{align-items:center;background-color:#fff;box-shadow:0 0 10px #895a5af2;display:flex;font-size:1.7rem;height:auto;justify-content:flex-end;left:0;padding:25px 40px 25px 50px;position:fixed;top:0;width:100%;z-index:200}@media (max-width: 900px){.mobile-menu{display:flex}nav ul a{display:none}}@media (max-width: 400px){nav{padding:25px 10px}}.home{display:flex;flex-direction:column;width:100%;height:auto;background-color:#f9f9f9;position:relative;top:auto;padding:11rem}.home-main{display:flex;justify-content:center;align-items:center;gap:10rem;position:relative}.content{display:flex;justify-content:center;align-items:center;height:70rem;gap:10rem;position:relative}.home-text{display:flex;flex-direction:column;max-width:50rem;position:relative}.home-text h1{font-size:4.8rem;line-height:1.2;color:#2d2e32;margin-bottom:2rem;margin-top:2rem}.home-text p{font-size:1.8rem;font-weight:500;color:#555;font-family:Mulish,sans-serif;line-height:1.6}.home-text span{display:flex;gap:1.3rem;margin:1.2rem 0 5rem;cursor:pointer}.home-text span a{font-size:3rem;color:#2d2e32}.home-text span i{transition:all .2s}.home-text img{position:absolute;width:6rem;height:6rem;top:8.7rem;right:13rem}.home-img{-webkit-animation:morph 8s ease-in-out infinite;animation:morph 8s ease-in-out infinite;background-image:url(/assets/IMG_1403-fotor-2023061911187-a59d499e.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;border:3px solid #2d2e32;border-radius:60% 40% 30% 70%/60% 30% 70% 40%;height:35rem;position:relative;transition:all 1s ease-in-out;width:35rem}.skills{display:flex;font-size:1.7rem;color:#767676;align-items:center;position:absolute;bottom:0;left:0}.skills p{margin-right:7rem;padding-right:2rem;border-right:2px solid rgba(45,46,50,.5);font-family:Mulish,sans-serif;font-weight:600;color:#2d2e32}.skills ul{list-style:none;display:flex;flex-wrap:wrap;gap:2.5rem}.skills ul li{width:6.5rem;height:6.5rem;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:#fff;box-shadow:0 0 10px #00000017;cursor:pointer;opacity:0}.skills ul li img{width:3.4rem;height:3.4rem}.home__social{display:flex;flex-direction:row;gap:2rem}.home__social-icon{font-size:2.6rem;color:#333}.home__social-icon:hover{color:#000}@media (min-width: 1900px){.content{margin-top:10rem}}@media (max-width: 1200px){.content{margin-top:6rem}.home-main{flex-direction:column-reverse;text-align:center;height:auto;gap:3rem}.content{flex-direction:column;text-align:center;height:auto;gap:3rem}.home-text h1{font-size:4rem}.home-text p{margin-bottom:5rem}.home-text span{justify-content:center;margin-top:-2rem;margin-bottom:4rem;gap:1.6rem}.home-text img{right:3rem}.skills{position:initial;flex-direction:column}.skills p{margin-right:0;margin-bottom:3rem;border-bottom:2px solid rgba(45,46,50,.5);border-right:none;padding-right:0;padding-bottom:1rem}.skills ul{justify-content:center}.home-img{width:28rem;height:28rem}}@media (max-width: 900px){.home{height:auto;padding:11rem 0}.content{flex-direction:column;text-align:center;height:auto;gap:3rem;justify-content:center}.home-text h1{font-size:4rem}.home-text p{margin-bottom:5rem}.home-text span{justify-content:center;margin-top:-2rem;margin-bottom:4rem;gap:1.6rem}.home-text img{right:3rem}.skills{position:initial;flex-direction:column}.skills p{margin-right:0;margin-bottom:3rem;border-bottom:2px solid rgba(45,46,50,.5);border-right:none;padding-right:0;padding-bottom:1rem}.skills ul{justify-content:center}.home-img{width:28rem;height:28rem}}@keyframes shake{0%{transform:rotate(10deg)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}to{transform:rotate(-10deg)}}@keyframes slideInFromRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes morph{0%{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}50%{border-radius:30% 60% 70% 40%/50% 60% 30%}to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}}.skills ul li:nth-child(1){animation:slideInFromRight .3s ease-in-out forwards;animation-delay:.5s}.skills ul li:nth-child(2){animation:slideInFromRight .3s ease-in-out forwards;animation-delay:1s}.skills ul li:nth-child(3){animation:slideInFromRight .3s ease-in-out forwards;animation-delay:1.5s}.skills ul li:nth-child(4){animation:slideInFromRight .3s ease-in-out forwards;animation-delay:2s}.skills ul li:nth-child(5){animation:slideInFromRight .3s ease-in-out forwards;animation-delay:2.5s}.skills ul li:nth-child(6){animation:slideInFromRight .3s ease-in-out forwards;animation-delay:3s}.skills ul li:nth-child(7){animation:slideInFromRight .3s ease-in-out forwards;animation-delay:3.5s}.skills ul li:nth-child(8){animation:slideInFromRight .3s ease-in-out forwards;animation-delay:4s}.about__container{grid-template-columns:repeat(2,1fr);align-items:center;column-gap:4rem}.grid{display:grid;gap:1.5rem}.about__section{padding:20rem 0 30rem}.section__title{font-size:4.8rem;color:#333}.section__title,.section__subtitle{text-align:center}.aboutButton{display:inline-block;background-color:#333;color:#fff;font-size:1.4rem;padding:1.8rem 2rem;border-radius:1rem;font-weight:700;text-decoration:none}.aboutButton:hover{background-color:#000}.aboutButton--flex{display:inline-flex;align-items:center}.section__subtitle{display:block;font-size:1.8rem;margin-bottom:4rem;color:#848484}.about__inside__container{max-width:968px;margin-left:auto;margin-right:auto;gap:6rem}.title{margin-bottom:10rem}.about__img{width:100%;border-radius:1.5rem;justify-self:center}.slogan{font-size:2.3rem;margin-top:1rem;margin-bottom:1rem}.pmp__img{width:28px;border-radius:1.5rem;justify-self:center}.about__info{grid-template-columns:repeat(3,140px);gap:.5rem;margin-bottom:2rem}.about__box{background-color:#fff;border:1px solid rgba(0,0,0,.1);border-radius:.75rem;text-align:center;padding:1rem 1.25rem}.about__icon{font-size:2.5rem;color:#333;margin-bottom:var(--mb-0-5)}.about__title{font-size:1.8rem;font-weight:500}.about__subtitle{font-size:1.5rem}.button__icon{margin-left:var(--mb-0-5)}.about__description{font-size:1.8rem;padding:0 4rem 0 0;margin-bottom:2.5rem;color:#555}@media screen and (max-width: 992px){.about__container{grid-template-columns:1fr}.about__info{grid-template-columns:repeat(1,100%);gap:.5rem;margin-bottom:2rem}.about__img{width:60%;border-radius:1.5rem;justify-self:center}.about__inside__container{margin-left:1.5rem;margin-right:1.5rem}}@media screen and (max-width: 768px){.about__section{padding:2rem 3rem 4rem}.about__info{grid-template-columns:repeat(1,100%);gap:.5rem;margin-bottom:2rem}.about__description{padding:0 2rem 0 0}}@media screen and (max-width: 480px){.about__inside__container{margin-left:1rem;margin-right:1rem}.about__img{width:60%;border-radius:1.5rem;justify-self:center}.about__description{padding:0}.about__info{grid-template-columns:repeat(1,100%);gap:.5rem;margin-bottom:2rem}}.contact{background-color:#f9f9f9;display:flex;flex-direction:column;align-items:center;flex-grow:1;min-height:calc(50vh - 300px);padding:11rem 0}.contact__title{margin-bottom:2rem}.contact__title p{color:#147efb;font-size:1.7rem;font-weight:700;margin-bottom:1rem;text-transform:uppercase}.contact__title h3{color:#2d2e32;font-size:2.5rem}@media (min-width: 768px){.form input{width:48%;margin-right:4%;margin-bottom:26px}.form input:nth-child(2n){margin-right:0}}.sut_topic{font-size:1.5rem;line-height:62px;font-weight:500;color:#222;position:relative;justify-content:left}.contact__container{grid-template-columns:repeat(2,max-content);justify-content:center;padding-bottom:6rem;column-gap:3rem}.contact__info{margin-top:5rem;display:grid;row-gap:1rem;grid-template-columns:300px}.contact__card{background-color:#fff;border:1px solid rgba(0,0,0,.1);padding:1rem;border-radius:.75rem;text-align:center}.contact__card-icon{font-size:3rem;color:#333;margin-bottom:.25rem}.contact__card-title,.contact__card-data{font-size:1.5rem}.contact__card-title{font-weight:600}.contact__card-data{display:block;margin-bottom:2rem}.contact__button{color:#757575;font-size:1.3rem;display:inline-flex;align-items:center;justify-content:center;column-gap:.25rem;text-decoration:none}.contact__label{font-size:2rem;margin-bottom:3rem}.contact__form{display:flex;flex-direction:column;width:360px}.contact__form-div{position:relative;margin-bottom:2rem;height:10rem}.contact__form-input{font-size:1.7rem;position:absolute;top:0;left:0;width:100%;height:100%;border:2px solid rgba(0,0,0,.3);background:none;color:#757575;outline:none;border-radius:.75rem;padding:1.5rem;z-index:1}.contact__form-tag{position:absolute;top:-1.5rem;left:1.25rem;font-size:1.7rem;padding:.25rem;background-color:#fafafa;z-index:10}.contact__form-area{height:11rem}.contact__form-area textarea{resize:none}button{cursor:pointer;border:none;outline:none}.contactButton{display:inline-block;background-color:#333;color:#fff;padding:1.25rem 2rem;border-radius:1rem;font-weight:500}.contactButton--flex{display:inline-flex;align-items:center;justify-content:center}.contactButton:hover{background-color:#000}.contactButton__icon{margin-left:.5rem}@media screen and (max-width: 992px){.contact__container{column-gap:3rem}}@media screen and (max-width: 768px){.contact__container{grid-template-columns:1fr;row-gap:3rem}.contact__info{justify-content:center}.contact__form{margin:0 auto}}@media screen and (max-width: 576px){.contact__info{grid-template-columns:1fr}.contact__form{width:100%}}.contact__status{font-size:.9rem;font-weight:600;margin-bottom:.75rem}.contact__status--success{color:#22c55e}.contact__status--error{color:#ef4444}.contactButton:disabled{opacity:.6;cursor:not-allowed}footer{background-color:#1c1c1c;padding:5rem 0;width:100%;position:relative;bottom:0}footer h4{font-size:1.4rem;color:#fff}.footerc{display:flex;flex-wrap:wrap;flex-direction:column;justify-content:center;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;margin-top:1rem}.footerc__socials i{font-size:2.3rem;color:#fff}.footerc__socials i:hover{transform:scale(1.2);transition:all .2s ease-in-out}*{box-sizing:border-box;margin:0;padding:0}#root{margin:0 auto}html{font-size:62.5%;scroll-behavior:smooth}body{background-color:#fff;font-family:Poppins,sans-serif;position:relative}.container{max-width:107rem;margin:0 auto;padding:0 4rem}*{scrollbar-width:thin;scrollbar-color:#8e8e8e #ffffff}*::-webkit-scrollbar{width:8px}*::-webkit-scrollbar-track{border-radius:20px;background-color:#fff}*::-webkit-scrollbar-track:hover{background-color:#fff}*::-webkit-scrollbar-track:active{background-color:#fff}*::-webkit-scrollbar-thumb{border-radius:20px;background-color:#8e8e8e}*::-webkit-scrollbar-thumb:hover{background-color:#878787}*::-webkit-scrollbar-thumb:active{background-color:#8e8e8e}.text-side{padding-right:1.5rem}@media (max-width: 1020px){.text-side{max-width:54rem;margin:0 auto}}@media (max-width: 400px){.text-side{padding-right:0}}.text-side span{-webkit-text-decoration:underline #147efb;text-decoration:underline #147efb}.text-side h3{font-size:1.7rem;color:#147efb;text-transform:uppercase;font-weight:700;margin-bottom:1rem}.text-side h4{font-size:2.5rem;font-family:Poppins,sans-serif;line-height:1.4;margin-bottom:2rem;color:#2d2e32}.text-side p{font-size:1.7rem;font-family:Mulish,sans-serif;color:#767676;font-weight:500;line-height:1.5}.img-side{position:relative}.img-side span{width:19rem;height:19rem;position:absolute;background-color:#fff;bottom:-33px;right:33px;border-radius:50%}@media (max-width: 1020px){.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: 1020px){.img-side span img{width:17rem}}@keyframes rotate{to{transform:rotate(360deg)}}.img-side__main-img{width:41rem;height:35rem;border-radius:1.7rem}@media (max-width: 1020px){.img-side__main-img{margin-bottom:3.5rem}}@media (max-width: 460px){.img-side__main-img{width:90%;height:auto}}.work-emoji{position:absolute;z-index:10;width:6rem!important;bottom:35px;right:98px}@media (max-width: 1020px){.work-emoji{bottom:25px;right:245px}}@media (max-width: 880px){.work-emoji{bottom:57px;right:156px}}@media (max-width: 750px){.work-emoji{display:none}}.project{background-color:#fff;padding:15rem 0}@media (max-width: 1020px){.project{padding:8rem 0}}.project-content{display:flex;flex-direction:column}@media (max-width: 600px){.project-content{text-align:center}}.project-content p{color:#147efb;font-size:1.7rem;text-transform:uppercase;font-weight:700;margin-bottom:1rem}.project-content h3{font-size:2.5rem;color:#2d2e32;margin-bottom:6rem}.projects-grid{display:grid;grid-template-columns:1fr;grid-template-rows:auto auto;width:100%;height:auto;gap:5rem}.projects-grid .pro{display:flex;background-color:#f1f1f1;box-shadow:0 0 10px #0000001a;border-radius:1.7rem}.projects-grid .pro__1{height:40rem;flex-direction:row;padding:2rem;gap:8rem}@media (max-width: 1020px){.projects-grid .pro__1{height:75rem;flex-direction:column!important;gap:3rem;width:-moz-fit-content;width:fit-content;margin:0 auto}}@media (max-width: 400px){.projects-grid .pro__1{width:100%}}.projects-grid .pro__img{width:53rem;height:auto;border-radius:1.7rem;background-color:#76767633;overflow:hidden;box-shadow:0 0 10px #0000001a}@media (max-width: 650px){.projects-grid .pro__img{width:100%}}.projects-grid .pro__img img{width:100%;height:auto}.projects-grid .pro__text{display:flex;width:30rem;height:auto;flex-direction:column;text-align:center;justify-content:center}@media (max-width: 1020px){.projects-grid .pro__text{margin:0 auto}}@media (max-width: 400px){.projects-grid .pro__text{width:100%}}.projects-grid .pro__text img{width:7rem;position:absolute;top:-2px;right:-19px}.projects-grid .pro__text h3{font-size:1.7rem;text-transform:uppercase;color:#2d2e32;margin-bottom:2rem;position:relative}.projects-grid .pro__text p{font-size:1.7rem;color:#767676;text-align:center;text-transform:none;font-weight:500}.stack{display:flex;gap:1rem;justify-content:center;margin-top:1rem}.stack p{color:#000!important;font-weight:600!important;background-color:#fff;box-shadow:0 0 10px #0000001a;padding:1rem 1.3rem;font-family:Mulish,sans-serif!important}.links{display:flex;justify-content:space-evenly;margin-top:3rem;gap:1rem;align-items:center}.links a{font-size:1.7rem;color:#2d2e32;font-weight:500;text-decoration:none;display:flex;align-items:center;gap:5px}.links a i{font-size:2.8rem}.links a .link-icon{font-size:2rem!important}.links a img{width:3.5rem}.links a:hover{color:#147efb;transition:all .3s}.reversed-proj{flex-direction:row-reverse!important}@media (max-width: 460px){.container{padding:0 1.7rem}}.new-projects{font-size:2.6rem;text-align:center;color:#2d2e32}.experience{margin:0;font-family:Mulish,sans-serif;background-color:#f9f9f9;font-size:1.8rem;position:relative;padding:15rem 0}.timeline{position:relative;max-width:1200px;margin:100px auto}.line{content:"";position:absolute;width:3px;height:0%;background-color:#444;top:0%;left:calc(20% - 3px);z-index:1}.line:after{bottom:50px}.checkpoint{display:flex;visibility:hidden;opacity:0;transition:all .5s ease-in-out}.in-view{visibility:visible;opacity:1}.right-checkpoint{padding:10px 50px;position:relative;width:50%}.left-checkpoint{left:0;padding:10px;position:relative;width:20%}.text-box{padding:20px 30px;background:#f9f9f9;position:relative;font-size:20px;transform:translate(-50%);left:50%}.right-checkpoint div:before{content:"";background:rgb(68,68,68);width:.8em;height:.8em;position:absolute;transform:translateY(50%);border-radius:50%;z-index:1;left:-3em}@media (min-width: 1900px){.line{left:calc(20% - 3px)}}@media (min-width: 1600px){.experience{padding:.002rem}.line{left:calc(20% - 3px)}}@media (max-width: 1020px){.experience{padding:8rem 0}}@media (max-width: 900px){.line{left:calc(5% + 2px)}.timeline{padding-right:0}.checkpoint{flex-direction:column}.left-checkpoint{left:4rem;width:60%}.right-checkpoint{width:100%;padding-right:0}.right-checkpoint div:before{left:-.5em}}@media (width: 863px){.line{left:calc(4% - 4px)}.right-checkpoint div:before{left:-1.27em;transform:translateY(30%)}}@media (width: 835px){.line{left:calc(4% - 1px)}.right-checkpoint div:before{left:-1.27em;transform:translateY(30%)}}@media (min-width: 762px) and (max-width:820px){.line{left:calc(4% - .8px)}.right-checkpoint div:before{left:-1.37em;transform:translateY(30%)}}@media (min-width: 390px) and (max-width:766px){.line{left:calc(5% - .8px)}.right-checkpoint div:before{left:-1.37em;transform:translateY(30%)}}@media (width: 768px){.line{left:calc(4% - 1px)}.right-checkpoint div:before{left:-1.37em;transform:translateY(30%)}}@media (width: 540px){.line{left:calc(5.7% - 1px)}.right-checkpoint div:before{left:-1.37em;transform:translateY(30%)}}@media (width: 414px){.right-checkpoint div:before{left:-1.7em;transform:translateY(30%)}}@media (width: 412px){.right-checkpoint div:before{left:-1.71em;transform:translateY(30%)}}@media (max-width: 393px){.right-checkpoint div:before{left:-1.75em;transform:translateY(30%)}}@media (width: 390px){.right-checkpoint div:before{left:-1.75em;transform:translateY(30%)}}@media (width: 375px){.right-checkpoint div:before{left:-1.8em;transform:translateY(30%)}}@media (width: 360px){.right-checkpoint div:before{left:-1.82em;transform:translateY(30%)}}@media (width: 280px){.right-checkpoint div:before{left:-1.1em;transform:translateY(30%)}}