@import"https://fonts.googleapis.com/css2?family=Belanosima:wght@400;600;700&family=Fira+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{--color: #ee3ea8;--color-dark: #ec249c;--bg-color: #f9f9f9;--first: #3e2a3d;--bg-color-card: rgb(255, 90, 189, .4);--size-sm: .875rem;--size-base: 1rem;--size-xl: 1.25rem;--size-2xl: 1.5rem;--size-3xl: 1.875rem;--size-4xl: 3rem;--size-5xl: 3.7rem;--size-6xl: 4.5rem;--size-7xl: 6rem;--size-8xl: 8rem;--padding-base: 1rem;--padding-xl: 1.5rem}[data-theme=dark]{--color: #00e6e6;--color-dark: #18abab;--bg-color: #081b29;--first: #f1f5f5;--bg-color-card: rgb(0, 230, 230, .3)}body{background:var(--bg-color);font-family:Fira Sans,serif;font-weight:400;font-style:normal;color:var(--first);transition:all .5s ease-in}html{scroll-behavior:smooth}h1,h2,h3{font-family:Belanosima,serif;font-weight:400;font-style:normal;color:var(--color);line-height:.9em}h1{color:var(--first);font-size:var(--size-5xl)}h2{font-size:var(--size-4xl)}h3{font-size:var(--size-3xl)}p{font-weight:300;font-size:var(--size-base)}.container{width:100%;margin-left:auto;margin-right:auto;padding-left:var(--padding-base);padding-right:var(--padding-base)}.btn{display:flex;flex-direction:row;gap:var(--size-sm);align-items:center;justify-content:center;box-shadow:0 0 10px var(--color-dark);font-size:var(--size-2xl);border:1px solid var(--color);color:var(--first);border-radius:.375rem;padding:.8rem 3rem;cursor:pointer;font-family:Belanosima,serif;transition:all .4s ease;text-decoration:none}.primary{background-color:var(--color)}.primary:hover{background-color:var(--color-dark)}.secondary{background-color:transparent}.secondary:hover{background-color:var(--color-dark)}.btn:active{transform:scale(.95)}@media (min-width: 475px){.container{max-width:475px}}@media (min-width: 744px){.container{max-width:744px}}@media (min-width: 1024px){.container{max-width:1024px}h1{color:var(--first);font-size:var(--size-6xl)}h2{font-size:var(--size-5xl)}h3{font-size:var(--size-4xl)}p{font-size:var(--size-xl)}.btn{gap:var(--size-base);font-size:var(--size-3xl)}}@media (min-width: 1440px){.container{max-width:1440px}.btn{gap:var(--size-xl);font-size:var(--size-2xl)}}.about{display:flex;flex-direction:column;align-items:center;gap:var(--padding-base);text-align:justify;padding-top:85px;color:var(--first)}.about h2{text-align:center}.about p{margin-bottom:1em;line-height:1.2em}@media (min-width: 744px){p{font-size:var(--size-xl)}}@media (min-width: 1024px){.columns{column-count:2;column-gap:20px}p{font-size:var(--size-2xl)}}.container-social-media{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:var(--size-sm)}.container-social-media a{display:flex;align-items:center;justify-content:center;margin-top:24px;margin-bottom:24px;font-size:var(--size-4xl);color:var(--color);transition:all .4s ease-in-out}.container-social-media a:hover{color:var(--first);transform:scale(1.2)}@media (min-width: 1024px){.container-social-media{gap:var(--size-base)}.container-social-media a{margin-top:28px;margin-bottom:28px;font-size:var(--size-5xl)}}@media (min-width: 1440px){.container-social-media{gap:var(--size-xl)}.container-social-media a{margin-top:32px;margin-bottom:32px;font-size:var(--size-6xl)}}.tech-item-container{background-color:var(--bg-color-card);padding:var(--padding-base);border-radius:8px;display:flex;gap:var(--size-base);align-items:center;flex:1 0 calc(100% - var(--size-base));margin:16px;transition:all .4s ease-in-out}.tech-item-container:hover{color:var(--first);transform:scale(1.05)}.tech-item-icon{display:flex;justify-content:center;align-items:center;font-size:var(--size-5xl)}.tech-item-description{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.tech-item-description h3{font-size:var(--size-2xl);font-weight:400}.tech-item-description p{font-size:var(--size-xl)}@media (min-width: 744px){.tech-item-container{flex:1 0 calc(33.3% - var(--size-base))}}@media (min-width: 1024px){.tech-item-container{flex:1 0 calc(25% - var(--size-base))}}@media (min-width: 1440px){.tech-item-container{flex:1 0 calc(20% - var(--size-base))}}.contact{text-align:center;padding-top:85px}.contact h2{margin-bottom:var(--padding-base)}.contact-group{display:flex;flex-direction:column;gap:var(--padding-base);align-items:center}.contact-group p{max-width:85ch}.contact-form-container{width:100%}.contact-form-container button{margin:0 auto}.contact-input{display:flex;flex-direction:column;margin-bottom:16px}.contact-input label{align-self:flex-start}.contact-input input,.contact-input textarea{flex:1;padding:8px;border-radius:8px;font-size:var(--size-xl)}.contact-input-error{color:#e14040;align-self:flex-start}.contact-send-success{margin-top:var(--padding-xl);color:#1ff51f;white-space:pre-line;justify-self:center}@media (min-width: 744px){.contact-input-info{display:flex;gap:var(--padding-base)}.contact-input-info div{flex:1}}@media (min-width: 1440px){.contact-group{flex-direction:row;gap:var(--padding-xl);align-items:start}.contact-group>div{padding:16px}.contact-form-container{max-width:50%}}.footer{display:flex;justify-content:center;padding-top:50px;padding-bottom:50px}.footer p{color:var(--color-dark);font-size:var(--size-base)}@media (min-width: 744px){.footer p{font-size:var(--size-2xl)}}@media (min-width: 1024px){.footer p{font-size:var(--size-3xl)}}.hero{padding-top:140px}.hero-container{display:flex;flex-direction:column}.hero-information{display:flex;flex-direction:column;gap:var(--padding-base);text-align:center}.hero-subtitle{font-size:var(--size-xl);letter-spacing:.14em;font-weight:600}.hero-title{font-family:Belanosima,serif;font-weight:400;font-style:normal;font-size:var(--size-4xl);line-height:.9em}.hero-title span{color:var(--color)}.container-button{display:flex;flex-direction:column;gap:6px}.hero-social-media{display:flex;gap:var(--size-small);align-items:center;justify-content:center;margin:var(--size-base) 0}.hero-social-media a{font-size:var(--size-5xl);color:var(--color);transition:all .4s ease-in-out}.hero-social-media a:hover{color:var(--first);transform:scale(1.2)}.hero-left{margin:0 auto;width:300px;height:300px;border-radius:50%;box-shadow:0 0 20px var(--color);overflow:hidden}.hero-left img{width:100%;height:100%;object-fit:cover}@media (min-width: 744px){.container-button{flex-direction:row;justify-content:center}.hero-description{font-size:var(--size-xl)}}@media (min-width: 1024px){.hero-container{display:flex;align-items:center;justify-content:center;flex-direction:row;gap:var(--size-2xl)}.hero-right{width:60%}.hero-left{width:40%}.hero-left{width:350px;height:350px}.hero-right{display:flex;flex-direction:row-reverse;gap:var(--size-base)}.hero-information{align-items:start;text-align:left}.hero-description{font-size:var(--size-2xl)}.hero-social-media{flex-direction:column}.container-button a{font-size:19px}}@media (min-width: 1440px){.hero-right,.hero-left{width:50%}.hero-left{width:450px;height:450px}.hero-subtitle{font-size:var(--size-3xl)}.hero-title{font-size:var(--size-5xl)}.container-button a{font-size:24px}}header{position:fixed;top:0;left:0%;height:70px;width:100%;display:flex;align-items:center;justify-content:center}nav{display:flex;align-items:center;justify-content:space-between}.navbar{background-color:var(--bg-color)}.navbar-brand{z-index:1}.navbar-brand h1{white-space:nowrap;font-size:var(--size-3xl);font-weight:400;color:var(--first)}.navbar-brand h1 span{color:var(--color)}.navbar-menu{position:absolute;top:0;left:-100%;min-height:45vh;width:100%;display:flex;flex-direction:column-reverse;gap:20px;align-items:center;justify-content:center;overflow:hidden;background-color:var(--bg-color);transition:left .3s ease-in}.navbar-menu ul{display:flex;gap:32px;flex-direction:column;list-style:none}.navbar-menu ul li a{text-decoration:none;color:var(--first);font-size:1.1rem;transition:.6s ease}.navbar-menu ul li a:hover{color:var(--color)}.show-menu{left:0}.navbar-menu-buttons{cursor:pointer;z-index:1}@media (min-width: 744px){.navbar-menu-buttons{display:none}.navbar-menu{position:static;flex-direction:row;justify-content:end;min-height:auto}.navbar-menu ul{flex-direction:row}}.project-item-container{display:flex;flex-direction:column;border:2px solid var(--color);background-color:var(--bg-color-card);border-radius:1rem;box-shadow:0 4px 12px #00000014;overflow:hidden;margin:1rem 0}.project-image-container img{width:100%;height:auto;display:block;object-fit:cover}.project-content{padding:var(--padding-base)}.project-title{display:flex;align-items:center;justify-content:center;gap:var(--size-xl);margin-bottom:var(--size-sm)}.project-title span{background-color:var(--bg-color-card);color:var(--color);font-size:var(--size-2xl);width:48px;height:48px;border-radius:50%;display:flex;justify-content:center;align-items:center;font-weight:700}.project-description span{display:inline-block;background-color:var(--bg-color-card);padding:.4rem .8rem;border-radius:.5rem;margin:0 .8rem .8rem 0}.project-action-btns{display:flex;align-items:center;justify-content:center;gap:.8rem;flex-wrap:wrap}@media (min-width: 1024px){.project-item-container{flex-direction:row}.project-image-container{flex:1}.project-content{flex:2;padding:2rem}.project-image-container img{height:100%;object-fit:cover;border-radius:1rem 0 0 1rem}}.proyects{display:flex;flex-direction:column;align-items:center;gap:var(--padding-base);text-align:center;padding-top:85px;color:var(--first)}.proyects p{max-width:85ch}.scroll-up-button{background-color:var(--color);padding:.25rem 1rem;border-radius:4px;font-size:var(--size-2xl);color:var(--primary);position:fixed;right:1rem;bottom:-10%;z-index:1;display:inline-block;transition:bottom 1s ease}.scroll-up-button:hover{bottom:1.25rem}.show-button{bottom:1rem}@media (min-width: 744px){.scroll-up-button{font-size:var(--size-3xl)}}@media (min-width: 1440px){.scroll-up-button{font-size:var(--size-4xl)}}.technologies{display:flex;flex-direction:column;align-items:center;gap:var(--padding-base);text-align:center;padding-top:85px;color:var(--first)}.technologies p{max-width:85ch}.technologies-list{display:flex;justify-content:center;flex-wrap:wrap}