@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap";.header{position:fixed;top:0;z-index:3;width:100%;white-space:nowrap}.header__div{padding:.75rem 1.5625rem}.header__img{width:3.4375rem;height:3.4375rem;border-radius:100%}.header__li{font-family:var(--fuente-cuerpo);color:var(--color-titulo);padding:0 0 0 1.5rem;cursor:pointer}.header__li:hover{opacity:.7}.header__button{display:block}.menu__icono{color:var(--fondo-boton);font-size:1.5rem;cursor:pointer;transition:opacity .3s ease-in}.menu__icono:hover{opacity:.6}.fixed{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all .5s ease-in-out}.close__icono{width:1.875rem;height:1.875rem;color:var(--fondo-boton);position:fixed;top:1.6rem;left:-200%;z-index:6;font-size:2rem;cursor:pointer;transition:opacity .3s ease}.close__icono:hover{opacity:.7}.show-menu{left:0!important;transition:all .3s ease-in-out}.hide-menu{left:-200%!important;transition:all .3s ease-in-out}.show-icono-close{left:85vw!important;transition:all .3s ease-in-out}@media screen and (min-width: 250px){.header__ul{position:fixed;z-index:6;top:0;left:-200%;width:100vw;height:100vh;display:flex;flex-flow:column nowrap;align-items:center;justify-content:space-evenly;background-color:var(--color-cuerpo);color:var(--fondo-pagina)}.header__li{font-size:1.6rem;padding:0;transition:opacity .3s ease-in-out}.header__li:hover{opacity:.6}}@media screen and (min-width: 480px){.header__ul{width:100%;height:initial;position:relative;justify-content:flex-end!important;flex-flow:row nowrap!important;background-color:transparent;left:0;color:var(--color-cuerpo)}.header__li{margin:0 1.3rem 0 0;font-size:1rem}.header__button{display:none}}@media screen and (min-width: 1000px){.header__img{width:4.5rem;height:4.5rem}.header__li{font-size:1.2rem}}.sobremi__h3{font-size:1.3rem;font-weight:700;font-family:var(--fuente-titulo);margin:0 0 2rem}.sobremi__p{font-weight:400;margin:0 0 1.5rem}.sobremi__span{font-weight:700}@media screen and (min-width: 1000px){.sobremi__p{font-size:1.2rem;width:70%}.sobremi__span{font-size:1.2rem}.sobremi__h3{font-size:1.6rem}}.container{margin:1.5625rem}.container__section{margin:2.5rem 0}.inicio{margin:5.625rem 0 2.5rem}.inicio__img{width:12rem;height:12rem;border-radius:50%;background-size:cover}.texto__div{margin:0}.texto__p{margin:.8rem 0 0;font-size:.8rem}.texto__h1{font-size:1.6rem;font-family:var(--fuente-titulo);font-weight:700}.texto__h2{margin:.3rem 0 0;font-weight:300;font-size:1.3rem}.botones__div{margin:0}.botones__a{width:14em;white-space:nowrap;background-color:var(--fondo-boton);color:var(--color-boton);margin:1rem auto 0;padding:.6em;border-radius:.7rem;cursor:pointer;transition:opacity .3s ease}.botones__a:hover{opacity:.5}.botones__a--icon{width:1.125rem;margin:.2rem 0 0 .5rem}@media screen and (min-width: 880px){.container__section{margin:4.375rem 0}.inicio{margin:5.625rem 0!important}.inicio__div{flex-flow:row nowrap!important}.inicio__img{width:15rem;height:15rem}.texto__div{text-align:center;margin:0 0 0 3.125rem}.texto__p{margin:0 0 .6rem}.texto__h1{font-size:2.3rem}.texto__h2{margin:.6rem 0 0;font-size:1.3rem}.botones__div{margin:1rem 0 0;flex-flow:row nowrap!important}.botones__a{font-size:1.2rem;margin:0 .6rem 0 0}}@media screen and (min-width: 1000px){.inicio{margin:7rem 0!important}}.div__up{display:flex;position:fixed;bottom:.625rem;right:.625rem;width:3rem;height:3rem;color:var(--color-boton);background-color:var(--fondo-boton);border-radius:50%;font-size:2.5rem;cursor:pointer;opacity:0;transition:opacity .3s ease}.div__up:hover{opacity:.7}.visible{opacity:1;transition:opacity .3s ease-in-out}@media screen and (min-width: 650px){.div__up{width:4rem;height:4rem;font-size:3.5rem}}@media screen and (min-width: 1000px){.div__up{bottom:1.5rem;right:1.5rem}}.portafolio__h3{color:var(--color-titulo);font-size:1.3rem;font-weight:700;font-family:var(--fuente-titulo);text-align:center;margin:0 0 2rem}.portafolio__div{gap:1.875rem}.proyecto__div{padding:1.5rem;border:.0625rem solid var(--color-cuerpo);border-radius:.4375rem;width:100%;max-width:25rem}.proyecto__h4{font-weight:700;font-family:var(--fuente-cuerpo);font-size:1.5rem}.proyecto__p{font-size:.8rem;margin:.6rem 0 0}.proyecto__img{border:1px solid var(--color-titulo);border-radius:.125rem;width:100%;height:100%;object-fit:cover}.tecnologias__div{margin:1rem;gap:1rem}.tecnologias__span{gap:.2rem;font-size:1rem;background-color:var(--fondo-boton);color:var(--color-boton);padding:.8rem .6rem;border-radius:.25rem}.tecnologias__span-icon{margin:.1rem 0 0}.links__div{width:100%;text-align:center;margin:1rem 0 0;gap:1rem}.links__a{width:2.1875rem;height:2.1875rem;font-size:1.7rem;color:var(--color-boton);background-color:var(--fondo-boton);padding:.3125rem;border-radius:100%;transition:opacity .3s ease-in-out}.links__a:hover{opacity:.7}@media screen and (min-width: 700px){.links__a{width:2.5rem;height:2.5rem}}@media screen and (min-width: 1000px){.portafolio__h3{font-size:1.6rem}.proyecto__h4{margin:0 0 1.5rem;font-size:1.5rem}.tecnologias__span{padding:.125rem .5625rem;font-size:1rem}.links__a{width:3.125rem;height:3.125rem;font-size:1.7rem}}.contacto__h3{text-align:center;margin:0 0 1.5rem;font-weight:700;font-family:var(--fuente-titulo);font-size:1.3rem}.contacto__link{width:2.1875rem;height:2.1875rem;font-size:1.7rem;background-color:var(--fondo-boton);color:var(--color-boton);border-radius:100%;margin:0 1rem 0 0;padding:.3125rem;transition:opacity .3s ease-in-out}.contacto__link:hover{opacity:.7}@media screen and (min-width: 1000px){.contacto__h3{font-size:1.6rem}.contacto__link{width:3.125rem;height:3.125rem}}.background-shapes{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden}.shape{position:absolute;border-radius:50%;background:linear-gradient(45deg,var(--turquesa),var(--azul-oscuro));opacity:.7;animation:float 10s infinite ease-in-out;filter:blur(80px)}.shape-1{width:150px;height:150px;top:10%;left:5%;animation-duration:8s}.shape-2{width:200px;height:200px;top:50%;left:20%;animation-duration:12s}.shape-3{width:100px;height:100px;top:70%;left:80%;animation-duration:10s}.shape-4{width:250px;height:250px;top:30%;left:60%;animation-duration:15s}.shape-5{width:180px;height:180px;top:80%;left:40%;animation-duration:9s}@keyframes float{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(180deg)}to{transform:translateY(0) rotate(360deg)}}.header__div{display:flex;justify-content:space-between;align-items:center;flex-flow:row nowrap}.header__ul{display:flex;justify-content:space-evenly;align-items:center;flex-flow:column nowrap}.inicio__div,.botones__div{display:flex;justify-content:center;align-items:center;flex-flow:column nowrap}.botones__a{display:flex;justify-content:center;align-items:center;flex-flow:row nowrap}.portafolio__div{display:flex;justify-content:center;align-items:center;flex-flow:row wrap}.proyecto__div{display:flex;justify-content:center;align-items:center;flex-flow:column nowrap}.tecnologias__div,.tecnologias__span,.links__div,.links__a{display:flex;justify-content:center;align-items:center;flex-flow:row nowrap}.sobremi__div{display:flex;justify-content:center;align-items:center;flex-flow:column nowrap}.contacto__div,.contacto__link,.div__up{display:flex;justify-content:center;align-items:center;flex-flow:row nowrap}:root{--azul-oscuro: #0a192f;--turquesa: #64ffda;--blanco: #f0f0f0;--gris-claro: #e6f1ff;--fondo-pagina: var(--blanco);--fondo-boton: var(--turquesa);--color-titulo: var(--azul-oscuro);--color-cuerpo: var(--azul-oscuro);--color-boton: var(--azul-oscuro);--fuente-titulo: "Space Mono";--fuente-cuerpo: "Roboto Mono", Helvetica, Arial, sans-serif}@media (prefers-color-scheme: dark){:root{--fondo-pagina: var(--azul-oscuro);--fondo-boton: var(--turquesa);--color-boton: var(--azul-oscuro);--color-titulo: var(--blanco);--color-cuerpo: var(--blanco)}}@media (prefers-contrast: high){:root{--color-titulo: white;--color-cuerpo: black}}@media (prefers-reduced-motion: reduce){*{animation:none;transition:none}}*{margin:0;padding:0;border:0;box-sizing:border-box;vertical-align:baseline}img,picture,video,iframe,figure{max-width:100%;width:100%;display:block;object-fit:cover;object-position:center center}a{display:block}p a{display:inline}li{list-style-type:none}html{scroll-behavior:smooth}h1,h2,h3,h4,h5,h6,p,span,a,strong,blockquote,i,b,u,em{font-size:1em;font-weight:inherit;font-style:inherit;text-decoration:none;color:inherit}blockquote:before,blockquote:after,q:before,q:after{content:"" l;content:none}::selection{background-color:var(--color-cuerpo);color:var(--fondo-pagina)}form,input,textarea,select,button,label{font-family:inherit;font-size:inherit;-webkit-hyphens:auto;hyphens:auto;background-color:transparent;display:block;color:inherit}table,tr,td{border-collapse:collapse;border-spacing:0}svg{width:100%;display:block}body{min-height:100vh;font-size:100%;font-family:var(--fuente-cuerpo);color:var(--color-cuerpo);background-color:var(--fondo-pagina);line-height:1.4em;font-smooth:always;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.footer-p{text-align:center;margin:1rem 0;font-size:.8rem}