:root{--color-bg: #0e0f12;--primary-color: #d9b41a;--second-color: #27aefc;--titulos: "Rubik", sans-serif;--parrafos: "Source Sans Pro", sans-serif}html{box-sizing:border-box;font-size:65.5%}img{max-width:100%;display:block}*,*:before,*:after{box-sizing:inherit}*{margin:0;padding:0}body{background-color:var(--color-bg);font-size:1.6rem;color:#f7f7ec;scroll-behavior:smooth}a{text-decoration:none;color:#f7f7ec}h1,h2,h3,h4{font-family:var(--titulos)}p{font-family:var(--parrafos);line-height:2.7rem;font-weight:400}strong{font-size:2rem;font-weight:400}svg{fill:#7d7d7d}.section{align-items:center}.container{max-width:1200px;margin:0 auto;width:90%}.titulos{font-size:3.5rem;text-align:center}@media (min-width: 768px){.titulos{font-size:4.2rem}}.navbar{position:fixed;background-color:var(--color-bg);z-index:70;width:100%}.nav-m{padding:2rem 0;display:flex;justify-content:space-between;align-items:center}.nav-m a{display:flex;flex-direction:column;font-weight:700;line-height:3.2rem;font-size:2.5rem}.nav-m button{border:.25rem solid var(--primary-color);border-radius:1rem;background:none;padding:1.5rem 2rem;margin:0;color:inherit;cursor:pointer;outline:none;font-family:var(--titulos);font-size:1.8rem;transition:transform .2s ease-in-out}@media (min-width: 768px){.nav-m a{font-size:3rem}.nav-m button{font-size:2.5rem}}@media (min-width: 1024px){.nav-m button:hover{transform:scale(1.2);transition-delay:.1S}}.header-container{display:flex;flex-direction:column;justify-content:center;align-items:center}@media (min-width: 768px){.header-container{height:100vh;gap:5rem}}@media (min-width: 1024px){.header-container{flex-direction:row;gap:10rem}}.img-perfil{margin-top:10rem;object-fit:contain;object-position:center center;height:38.5rem}@media (min-width: 410px){.img-perfil{margin-top:12rem}}@media (min-width: 768px){.img-perfil{margin-top:0;height:50rem}}@media (min-width: 1024px){.img-perfil{height:60rem}}@media (min-width: 1280px){.img-perfil{height:65rem}}.img-container{position:relative;display:flex;justify-content:center;align-items:center}.img-overlay{position:absolute;top:0;bottom:0;width:100%;z-index:-1}.img-dots{opacity:.3;width:100%;height:100%;object-fit:cover;object-position:center center}.header-descripcion{margin-top:1rem}.header-descripcion h1{font-family:var(--parrafos);font-size:3.5rem;line-height:4rem;margin-bottom:1rem}.header-descripcion h1 span{background:var(--primary-color);background-clip:text;-webkit-background-clip:text;color:transparent}.header-descripcion p{font-size:2.1rem}.header-descripcion p strong{background:#27aefc;background-clip:text;-webkit-background-clip:text;color:transparent;font-weight:600}.header-descripcion p{line-height:2.45rem}@media (min-width: 768px){.header-descripcion{margin-top:3rem}.header-descripcion h1{font-size:5rem;font-weight:900;margin-bottom:2rem}.header-descripcion p{font-size:3.2rem;line-height:3.5rem}.header-descripcion p strong{font-size:3.3rem}}@media (min-width: 1024px){.header-descripcion{margin-top:0}.header-descripcion h1{font-size:4.2rem}.header-container h1{line-height:5rem}.header-descripcion p{font-size:2.7rem;line-height:3rem}}@media (min-width: 1280px){.header-descripcion h1{font-size:5rem;font-weight:900}.header-descripcion p{font-size:3.2rem;font-weight:600;line-height:3.5rem}}.proyectos{margin-top:12rem}.container_proyectos{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5rem}@media (min-width: 1024px){.container_proyectos{display:grid;align-items:flex-start;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:4rem}}@media (min-width: 768px){.proyectos{margin-top:0}}.proyecto_titulo{margin:3.5rem 0}@media (min-width: 768px){.proyecto_titulo{margin:0 0 5rem}}.card_proyecto img{object-fit:cover;aspect-ratio:16/9}.card_titulo{margin:1.5rem 0 2rem;font-size:2.95rem;font-weight:600}@media (min-width: 768px){.card_titulo{font-size:3.2rem}}@media (min-width: 1024px){.card_titulo{font-size:3rem}}.card_parrafo{font-weight:400;font-size:2rem}@media (min-width: 768px){.card_parrafo{font-size:2.5rem}}@media (min-width: 1024px){.card_parrafo{font-size:2.2rem}}.card_tecnologias{font-size:1.85rem;margin-top:1rem;font-weight:300;letter-spacing:.025rem}@media (min-width: 768px){.card_tecnologias{font-size:2.25rem}strong{font-size:inherit}}@media (min-width: 1024px){.card_tecnologias{font-size:2rem}}.card_links{display:flex;flex-direction:column;gap:.5rem;margin:1rem 0;font-family:var(--parrafos);font-weight:600;font-size:1.8rem}@media (min-width: 768px){.card_links{font-size:2.25rem;margin:2rem 0}}@media (min-width: 1024px){.card_links{font-size:2rem}}.card_demo{color:var(--second-color)}.card_repo{color:var(--primary-color)}@media (min-width: 1024px){.card_demo:hover,.card_repo:hover{font-weight:700}}.sobre-mi{position:relative;margin-top:8rem;margin-bottom:8rem}@media (min-width: 768px){.sobre-mi{margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center;height:65rem}}@media (min-width: 1024px){.sobre-mi{height:100vh;flex-direction:row}}.sobre-mi-intro{font-size:1.8rem;font-weight:100;font-family:var(--parrafos);text-align:center}@media (min-width: 768px){.sobre-mi-intro{font-size:2.2rem}}.sobre-mi-imagen{background-image:url(/img/sobremi.webp);background-size:cover;background-position:center;position:absolute;top:0;left:0;right:0;bottom:0;opacity:.2;z-index:-1;height:48rem}@media (min-width: 768px){.sobre-mi-imagen{height:auto;opacity:.1}}@media (min-width: 1024px){.sobre-mi-texto{display:flex;align-items:center;justify-content:center;gap:2rem}}.sobre-mi-parrafos{color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;margin-top:2.5rem}@media (min-width: 768px){.sobre-mi-parrafos{gap:1.7rem;margin-top:4rem}}@media (min-width: 1024px){.sobre-mi-parrafos{margin-top:0;margin-left:5rem}.sobre-mi-titulos{width:170rem}.sobre-mi-titulos .titulos{font-size:5rem}.sobre-mi-intro{font-size:2.6rem}}@media (min-width: 1280px){.sobre-mi-titulos{width:190rem}}.tecnologias{padding-top:8rem;margin-bottom:10rem}.tecnologias-parrafo{margin-top:2.5rem}@media (min-width: 768px){.tecnologias{padding-top:5rem}}@media (min-width: 1024px){.tecnologias{padding-top:5rem;margin-bottom:0;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center}}@media (min-width: 1280px){.tecnologias{margin-top:-15rem}}.tecnologias-linkedin{font-size:2rem;font-weight:400;margin-top:2rem;display:inline-block;color:var(--primary-color);font-family:var(--parrafos);transition:transform .2s ease-in-out}.tecnologia-lista{list-style:none;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:2rem;margin-top:4rem}.tecnologia-lista li{display:flex;flex-direction:column;align-items:center}.tecnologia-lista span{font-weight:300;font-family:var(--parrafos)}@media (min-width: 768px){.tecnologia-lista li img{height:8.5rem;width:8.5rem}.tecnologia-lista span{font-size:2.2rem;font-weight:400}}@media (min-width: 1280px){.tecnologia-lista{gap:4rem}.tecnologias-linkedin{font-size:2.2rem}.tecnologias-linkedin:hover{transform:scale(1.2);transition-delay:.1s}}.footer{position:relative}.footer p{border-top:.3rem solid #ffffff62;font-size:3.2rem;padding-top:2rem;margin-top:7rem;line-height:3.55rem}@media (min-width: 1024px){.footer p{margin-top:5rem}}@media (min-width: 1280px){.footer{margin-top:-10rem}}.footer-correo{display:inline-block;padding:.5rem 0;font-size:2.5rem;color:var(--primary-color);border-bottom:2px solid var(--second-color);transition:transform .2s ease-in-out}@media (min-width: 768px){.footer-correo{padding-top:1.2rem;font-size:2.8rem}}@media (min-width: 1024px){.footer-correo:hover{transform:scale(1.2);transition-delay:.1s}}.footer-redes{display:flex;align-items:center;justify-content:center;gap:2rem;padding:4rem 0 1rem}.footer-description{text-align:center;font-size:1.8rem;display:block;margin-bottom:4rem;font-family:var(--parrafos)}@media (min-width: 768px){.footer-redes a svg{height:5.5rem;width:5.5rem;transition:transform .2s ease-in-out}.footer-description{font-size:2.2rem}}@media (min-width: 1024px){.footer-redes a:hover svg{transform:scale(1.2);transition-delay:.1s}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.bounce-animation{position:absolute;top:75%;right:2rem;width:2.3rem;height:2.3rem;animation:bounce 1s infinite;background-color:#7d7d7d}.bounce-animation:hover{cursor:pointer}@media (min-width: 768px){.bounce-animation{width:3.5rem;height:3.5rem}}