@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";:root{background-color:#16181d;--bg-purple: #1A0B2E;--bg-gray: #292C34;--bg-black: #0D0E11;--bg-gradient-purple: linear-gradient(315deg, #39067C 25%, #694992 90%);--title-gray: #E2E4E9;--title-white: #FFFFFF;--text-purple: #D7B8FF;--text-gray: #C0C4CE}*{font-family:Inter,sans-serif;box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}html,body{margin:0;padding:0;min-height:100vh}#root{overflow-x:hidden;max-width:100vw}.flex-row{display:flex;flex-direction:row;justify-content:space-around;align-items:center;text-align:center}.arrow-section{text-align:center;margin-bottom:2rem}.arrow-section .arrow{width:2rem;cursor:pointer}.arrow-section .arrow:hover{transform:scale(1.1);transition:transform .3s ease}@media (max-width: 768px){.arrow-section{margin-top:10rem}}.contact-section{display:flex;flex-direction:row;justify-content:space-evenly;align-items:center;background-image:url(/assets/bg-contact-BtZkhU0f.svg);background-repeat:no-repeat;background-size:100%;min-height:80vh}.contact-section .contact-invitation{text-align:center;align-items:center}.contact-section .contact-invitation img{width:5rem}.contact-section .contact-invitation .contact-title{color:var(--text-purple);font-size:1.2rem;margin-top:1rem}.contact-section .contact-invitation .contact-subtitle{color:var(--title-gray);font-size:1rem;margin:.5rem 0}.contact-section .contact-invitation .contact-description{color:var(--text-gray);width:clamp(22rem,28vw,40rem)}.contact-section .contact-links{display:flex;flex-direction:column;gap:1rem}.contact-section .contact-links .contact-item{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:clamp(21rem,28vw,28rem);background-color:var(--bg-gray);border-radius:10px;padding:1rem;cursor:pointer}.contact-section .contact-links .contact-item p{color:var(--text-gray);font-size:1rem}.contact-section .contact-links .contact-item .arrow-link{justify-content:flex-end}.contact-section .contact-links .contact-item .contact-info{display:flex;flex-direction:row;align-items:center;gap:.5rem}.contact-section .contact-links .contact-item:hover{background-color:#36185c;transition:background-color .3s ease-in-out}@media (max-width: 868px){.contact-section{display:flex;flex-direction:column;background-size:cover;min-height:80vh;padding:4rem 0;gap:2rem}}@media (min-width: 1400px) and (max-width: 1600px){.contact-section{background-size:contain}}header{width:55rem;max-width:100%;margin:auto;padding-top:3.5rem}header .header-nav{position:relative}header .hamburger{display:none;background:none;border:none;color:var(--title-white);font-size:1.8rem;cursor:pointer;padding:.5rem;z-index:10}header .nav-list{display:flex;flex-direction:row;justify-content:space-around;align-items:center;text-align:center;background-color:var(--bg-gray);border-radius:30px;padding:.8rem}header li{list-style:none;color:var(--title-white);font-weight:500;cursor:pointer;transition:color .3s ease}header li:hover{color:var(--text-purple)}@media (max-width: 768px){header{width:90%}header .hamburger{display:block;margin-left:auto;width:auto}header .nav-list{display:none;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:1.5rem;position:absolute;top:3rem;left:0;right:0;z-index:9;border-radius:15px}header .nav-list.open{display:flex}header li{width:100%;text-align:center;padding:.5rem 0}}@media (min-width: 769px) and (max-width: 1024px){header{width:45rem}}.hero-section{text-align:center;padding:6rem 0;margin-top:6rem;background-image:url(/assets/bg-intro-3U-8kOPD.svg);background-repeat:no-repeat;background-size:100%;height:80vh}.hero-section .avatar{width:clamp(6.2rem,5vw,7.2rem)}.hero-section p{color:var(--text-gray);font-weight:300;margin:3rem 0 .5rem}.hero-section p span{color:var(--text-purple)}.hero-section .description{margin:1rem auto;font-weight:300;max-width:41rem;width:90%}.hero-section h1{color:var(--title-gray);font-size:clamp(1.6rem,5vw,2.8rem)}.hero-section .techs{display:flex;flex-direction:row;justify-content:space-between;gap:1rem;margin:auto;padding-top:4rem;width:40rem;max-width:100%;-webkit-user-select:none;user-select:none}.hero-section .techs img{width:1.5rem}.hero-section .techs .techs-item{display:flex;flex-direction:row;justify-content:center;gap:.5rem;padding:.5rem;width:8rem;text-align:center;align-items:center;background-color:var(--bg-gray);border-radius:30px;transition:background-color .5s ease-in-out}.hero-section .techs .techs-item p{margin:0;font-weight:300}.hero-section .techs .techs-item:hover{background-color:#000}.hero-section .techs .techs-css{width:6rem}.hero-section .techs .techs-js{width:10rem}@media (max-width: 768px){.hero-section{background-image:url(/assets/bg-intro-mobile-DAcZHWY7.svg);background-size:cover;margin:3rem 0 8.5rem;padding-top:5rem}.hero-section .description{max-width:22.5rem;width:90%}.hero-section .techs{display:flex;flex-direction:column;align-items:center;width:20rem}.hero-section .techs .techs-item{width:12rem}}@media (min-width: 1400px) and (max-width: 1600px){.hero-section{background-size:contain}}@media (min-width: 769px) and (max-width: 968px){.hero-section{background-size:cover}}.portfolio-section{background-color:var(--bg-black);padding-top:8rem}.portfolio-section .portfolio-title{color:var(--text-purple);font-size:1.2rem;padding-bottom:.5rem}.portfolio-section .portfolio-subtitle{color:var(--title-gray);padding-bottom:2.5rem}.portfolio-section .portfolio-projects{text-align:center}.portfolio-section .portfolio-services{text-align:center;margin-top:10rem}.portfolio-section .portfolio-services .services-subtitle{padding-bottom:.5rem}.portfolio-section .portfolio-services .description{color:var(--text-gray);width:clamp(22.6rem,40vw,34rem);margin:auto;padding-bottom:6rem;font-size:1.1rem}.portfolio-section .portfolio-services .cards-services{display:flex;flex-direction:row;justify-content:center;gap:2rem;margin:auto;padding-bottom:4rem;-webkit-user-select:none;user-select:none}.portfolio-section .portfolio-services .cards-services .service-item{display:flex;flex-direction:column;width:clamp(14.5rem,18vw,22rem);border-radius:20px;border:2px solid #16181D;padding:1.5rem;text-align:left;transition:transform .3s ease-in-out}.portfolio-section .portfolio-services .cards-services .service-item h4{color:var(--title-white);font-size:1rem;margin-bottom:.5rem}.portfolio-section .portfolio-services .cards-services .service-item p{color:var(--text-gray);font-weight:300;font-size:.8rem}.portfolio-section .portfolio-services .cards-services .service-item img{width:2.2rem;margin-bottom:1.2rem}.portfolio-section .portfolio-services .cards-services .service-item:hover{background-color:var(--bg-gray);transition:background-color .3s ease-in-out}@media (max-width: 768px){.portfolio-section .portfolio-services .cards-services{display:flex;flex-direction:column;align-items:center}.portfolio-section .portfolio-services .cards-services .service-item{text-align:center}.portfolio-section .portfolio-services .cards-services .service-item img{align-self:center}}._card_ka11p_1{display:flex;flex-direction:column;justify-content:center;background-color:var(--bg-purple);width:20rem;height:fit-content;padding:0 2rem 2rem;border-radius:10px;margin-top:8rem}._card_ka11p_1 img{margin-top:-20%;width:100%;border-radius:20px}._card_ka11p_1 h2{margin:1rem 0 .5rem;color:var(--title-white)}._card_ka11p_1 p{margin:0;margin-top:.5rem;margin-bottom:1rem;color:var(--title-white)}._card_ka11p_1 ._btnn_ka11p_31{display:flex;justify-content:space-between;align-items:center;gap:1rem;width:100%;margin-top:2rem}._buttons_ka11p_41{display:flex;flex-direction:row}._btn_b3yep_1{background-color:var(--bg-gray);border-radius:30px;color:#fff;cursor:pointer;padding:.8rem 1.5rem;font-size:1rem;font-weight:600;border:none;display:flex;justify-content:center;align-items:center;gap:.5rem;width:8.5rem}._btn_b3yep_1:hover{background-image:linear-gradient(90deg,#667eea,#764ba2 50%,#8360c3,#667eea);animation:_slidernbw_b3yep_1 5s linear infinite;color:#000}@keyframes _slidernbw_b3yep_1{to{background-position:20vw}}.arrow-buttons{color:#d7b8ff;font-size:4rem;cursor:pointer}.arrow-buttons:hover{color:#694992}@media (max-width: 768px){.carousel-container{max-width:100vw}}