.aboutme-section{background-color:#000;color:#f9f9f9}.aboutme-section.light{background-color:#f9f9f9;color:#010c15}.aboutme-section__content{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:5rem}.aboutme-section__content--title{font-size:2rem;font-style:normal;font-weight:700}.aboutme-section__content--avatar{width:16rem;height:16rem;margin-top:4rem;margin-bottom:4rem;border-radius:15rem}.aboutme-section__content--description{font-size:1.2rem;max-width:75rem;padding:1rem}.aboutme-section__work{display:flex;flex-direction:column;justify-content:center;align-items:center}.aboutme-section__work--title{margin-top:6rem;margin-bottom:4rem;font-size:1.7rem;font-style:normal;font-weight:700;letter-spacing:-.33px}.aboutme-section__work--reasons{margin-bottom:2rem;display:flex;justify-content:center;align-items:center;width:22rem;height:3.6rem;padding:.5rem 0px;gap:.7rem;border-radius:.5rem;border:2px solid #152E77;cursor:pointer;transition:transform .3s ease,background-color .3s ease,color .3s ease}.aboutme-section__work--reasons:hover{transform:translateY(4px);background-color:#2d3559}.aboutme-section__work--reasons.light{border:2px solid #E6E6E6}.aboutme-section__work--reasons.light:hover{background-color:#f9f9f9}.aboutme-section__work--svg{width:1.5rem;height:1.5rem}.aboutme-section__tech--title{margin-top:6rem;margin-bottom:4rem;padding:1rem;font-size:1.7rem;font-style:normal;font-weight:700;letter-spacing:-.33px}.aboutme-section__tech--container{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));justify-items:center;align-items:center;width:100%;height:100%;gap:.6rem;margin-bottom:4rem}.aboutme-section__tech--svgs{display:flex;flex-direction:column;justify-content:center;align-items:center;width:5.5rem;height:4.6rem;border-radius:.5rem;border:2px solid #152E77}.aboutme-section__tech--svgs.light{border:2px solid #E6E6E6}.aboutme-section__tech--text{font-size:.8rem;font-style:normal;font-weight:600}.aboutme-section__tech--figma{width:41px}@media screen and (min-width: 601px) and (max-width: 1024px){.aboutme-section__content--title{font-size:2.5rem}.aboutme-section__content--description{font-size:1.4rem}.aboutme-section__work--title{font-size:2rem}.aboutme-section__container-reasons{width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));justify-items:center;align-content:center;gap:.5rem}.aboutme-section__work--reasons{display:flex;justify-content:center;align-items:center;width:18rem;height:auto;padding:15px 20px}.aboutme-section__work--text{font-size:1.3rem}.aboutme-section__work--svg{width:2rem;margin-right:10px}.aboutme-section__tech--title{font-size:2rem}.aboutme-section__tech--container{grid-template-columns:repeat(4,minmax(0,1fr));gap:.6rem}}@media screen and (min-width: 1025px){.aboutme-section__content--title{margin-top:5rem;font-size:3rem}.aboutme-section__content--description{font-size:1.6rem}.aboutme-section__work--title{font-size:2.1rem}.aboutme-section__container-reasons{width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));justify-items:center;align-items:center;gap:.7rem}.aboutme-section__work--reasons{display:flex;justify-content:center;align-items:center;max-width:18rem;height:auto;padding:1.5rem;text-align:center}.aboutme-section__work--text{font-size:1.3rem}.aboutme-section__work--svg{width:2rem}.aboutme-section__tech--container{grid-template-columns:repeat(4,minmax(0,1fr));gap:.9rem}}.section-contact{background-color:#000;color:#f9f9f9}.section-contact.light{background-color:#f9f9f9;color:#010c15}.section-contact__title{margin-top:5rem;padding:1rem;font-size:2rem;font-style:normal;font-weight:700}.section-contact__container-description{display:flex;justify-content:center;align-items:center}.section-contact__description{max-width:75rem;margin-top:5rem;margin-bottom:5rem;padding:1rem;font-size:1rem;font-style:normal;font-weight:400;text-align:center}.section-contact__email{display:flex;flex-direction:row;justify-content:center;align-items:center;margin-bottom:5rem;gap:1rem}.section-contact__email--user{width:13rem;height:2rem;padding:.1rem;border-radius:10px;border:1px solid #F9F9F9;cursor:pointer;color:#f9f9f9;background-color:#010c15}.section-contact__email--user.light{cursor:pointer;color:#010c15;background-color:#ececec}.contact__email{border-radius:15px;padding:.5rem;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;transition:transform .2s ease-in-out;ne}.contact__email--svg{border-radius:15px;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;transition:transform .2s ease-in-out;ne}.section-contact__email--svg{width:2.5rem}.section-contact__email--svg.light{width:2rem;background-color:#f9f9f9}.section-contact__media{display:flex;justify-content:center;align-items:center;margin-bottom:3rem;gap:1rem}.section-contact__credits{text-align:center;margin-bottom:3rem}@media screen and (min-width: 601px) and (max-width: 1024px){.section-contact__description{font-size:1.3rem}.section-contact__email--user{width:15rem;height:1.7rem}.section-contact__email--svg{width:2.5rem}}@media screen and (min-width: 1025px){.section-contact__description{font-size:1.6rem;text-align:center}.section-contact__email--user{width:15rem;height:1.7rem}.section-contact__email--svg{width:2.5rem}}.mobile-container{position:fixed;top:0;left:0;width:100%;height:100%;background:#010c15;display:flex;flex-direction:column;animation:none;z-index:3;transition:background-color .3s ease,color .3s ease}.mobile-container.light{background:#fafafa}.mobile-container.activein{animation:slide-in .5s ease-in-out forwards}.mobile-container.activeout{animation:slide-out .5s ease-in-out forwards}@keyframes slide-in{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes slide-out{0%{transform:translate(0)}to{transform:translate(-100%)}}.mobile-close{width:1.5rem;height:1.5rem;margin-top:1rem;margin-left:1rem;cursor:pointer}.mobile-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;overflow-x:auto;overflow-y:hidden}.mobile-list__item{display:flex;justify-content:center;align-items:center;width:11rem;margin-top:1rem;padding:1rem;flex-shrink:0;cursor:pointer;background-color:#152e77;border-radius:.5rem;border:1px solid #222;transition:background-color .3s ease,color .3s ease}.mobile-list__item:hover{background-color:#0056b3}.mobile-list__item.light{background-color:#f5f5f5;border:2px solid #E6E6E6}.mobile-list__link{font-style:normal;font-weight:600;text-decoration:none;color:#fff}.mobile-list__link.light{font-style:normal;font-weight:600;text-decoration:none;color:#010c15}.mobile-list__item--container{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:1rem}.mobile-list__item--functions{display:flex;justify-content:center;align-items:center;width:5rem;margin-top:1rem;padding:1rem;flex-shrink:0;cursor:pointer;background-color:#152e77;border-radius:.5rem;border:1px solid #222;transition:background-color .3s ease,color .3s ease}.mobile-list__item--functions:hover{background-color:#0056b3}.mobile-list__item--functions.light{background-color:#f5f5f5;border:2px solid #E6E6E6}@media screen and (min-width: 601px) and (max-width: 1024px){.mobile-close{width:2.2rem;height:2.2rem}.mobile-list__item{width:16rem}.mobile-list__link{font-size:1.5rem}.mobile-list__item--container{gap:6rem}}.hero-container{position:relative;height:100vh;width:100%;overflow:hidden}.hero-container img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-1}.hero-container__header{display:flex;justify-content:space-between;align-items:flex-start;position:relative;padding:1rem;z-index:1}.hero-container__brandname{color:#f9f9f9}.hero__menu{width:1.5rem;height:1.5rem;cursor:pointer}.hero__menu-desktop{display:none}.hero-container__section{position:relative;height:70%;display:flex;justify-content:center;align-items:center;z-index:1;color:#fff;font-size:2rem}.hero-container__content{display:flex;flex-direction:column;justify-content:center;align-items:center}.hero-container__position{color:#fff}.hero-container__btn{display:flex;width:12rem;margin-top:5rem;padding:1rem 2rem;justify-content:center;align-items:center;font-size:1rem;background-color:#010c15;color:#f9f9f9;border-radius:2rem;border:2px;border-color:#010c15;cursor:pointer;transition:background-color .3s ease,color .3s ease}.hero-container__btn:hover{background-color:#0056b3}.hero-container__btn.light{background-color:#f9f9f9;color:#292f36}.hero-container__btn.light:hover{background-color:#e5e7eb;color:#292f36}.hero-container__btn-svg{width:1.5rem;height:1.5rem;margin-left:.4rem}@media screen and (min-width: 601px) and (max-width: 1024px){.hero-container__header{align-items:center}.hero-container__brandname{font-size:2rem;color:#f9f9f9}.hero__menu{width:2rem;height:2rem;cursor:pointer}.hero-container__content p,.hero-container__content span{font-size:2rem}}@media screen and (min-width: 1025px){.hero__menu{display:none}.hero-container__header{align-items:flex-end}.hero-container__brandname{font-size:2rem;color:#f9f9f9}.hero-container__nav{display:flex;justify-content:space-between;align-items:flex-start}.hero__menu-desktop{display:flex;justify-content:space-between;align-items:flex-start;gap:2rem}.hero__menu-desktop--li{color:#f9f9f9;cursor:pointer;transition:background-color .3s}.hero__menu-desktop--li:hover{background-color:#0056b3;border-radius:1rem}.hero__menu-desktop--a{color:#f9f9f9;text-decoration:none}.hero-container__content p,.hero-container__content span{font-size:3rem}}.projects-section{background-color:#000;color:#f9f9f9;transition:background-color .3s ease,color .3s ease}.projects-section.light{background-color:#f9f9f9;color:#010c15}.projects-section__title{margin-top:5rem;padding:1rem;font-size:2rem;font-style:normal;font-weight:700}.projects-section__container-cards{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:5rem}.projects-section__card{display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:23rem;height:38rem;margin-bottom:5rem;border-radius:1.2rem;border:2.5px solid #152E77;cursor:pointer;transition:transform .3s ease,background-color .3s ease,color .3s ease;box-shadow:0 4px 10px #0003}.projects-section__card:hover{transform:translateY(-5px);background-color:#232946}.projects-section__card.light{border:2px solid #E6E6E6}.projects-section__card.light:hover{background-color:#fcfcfc}.projects-section__card--img{width:inherit;border-radius:1rem}.projects-section__card--img:hover{transform:scale(1.05);transition:transform .3s ease-in-out}.projects-section__card--title{margin-top:1rem;margin-bottom:1rem;text-align:center}.projects-section__card--description{padding:.3rem;font-size:1rem;text-align:center}.projects-section__card--stack{margin-top:1.1rem;margin-bottom:1rem;display:flex;justify-content:center;align-items:center;gap:5px}.projects-section__card--technology{display:flex;flex-direction:column;justify-content:center;align-items:center;width:77px;height:23px;font-weight:300;border-radius:8px;background:#152e77}.projects-section__card--technology.light{font-weight:300;background:#93c5fd}.projects-section__card--links{display:flex;justify-content:space-between;align-items:center;margin-top:1rem;padding:.3rem;gap:3rem}.projects-section__card--code{font-size:.9rem;font-style:normal;font-weight:600;text-decoration:none;color:#f9f9f9;cursor:pointer;border-radius:8px}.projects-section__card--code.light{font-weight:600;color:#010c15;background-color:#f9f9f9;cursor:pointer}*{margin:0;padding:0;box-sizing:border-box;overflow-x:hidden}input,button,textarea,select{font:inherit}body{margin:0;min-height:100dvh;font-family:Lato,"sans-serif"}h1,h2,h3,h4,h5,h6{text-wrap:balance}p{text-wrap:pretty}img,video,svg{height:auto;max-width:100%}
