body,footer{display:flex;color:var(--text-color)}body,option{background-color:var(--background-color)}#proyects,main,section{display:block}form,img,section{height:auto}.pet,.proyect-container{background-image:linear-gradient(45deg,#070f21 16%,#0169b9)}*{margin:0;padding:0;box-sizing:border-box}:root{--background-color:#070f21;--green:#22cfab;--pale-green:#22cfab99;--text-color:#fff}html{scroll-behavior:smooth}body{flex-flow:column}header{position:sticky;top:0;width:100%;height:10vh;display:flex;justify-content:space-between;background-color:rgba(18,18,18,.08);backdrop-filter:blur(10px);z-index:1;font-family:ubuntu}footer,form{flex-direction:column}h1,h2{font-family:Oswald}.card-content p,input,label,p{font-family:Ubuntu}footer{justify-content:center;align-items:center;margin-top:1rem;font-size:.8rem}@media (max-width:768px){#nav-menu a,.brand{text-decoration:none}.brand{display:flex;align-items:center;margin-left:1.5rem}.logo{height:3rem;width:auto;margin:0}.brand span{color:#fff}#nav-menu{display:none}#nav-menu.active{height:10rem;min-width:200px;position:absolute;top:12vh;right:5vw;display:flex;flex-direction:column;border-radius:10px;background-color:rgba(7,15,33,.9);border:1px solid var(--pale-green)}#nav-menu a{color:#fff;padding:8px 25px;font-size:1.1rem;font-weight:700}#nav-toggle{background:0 0;border:none;color:#fff;font-size:2.1rem;margin-right:1.5rem}#nav-toggle.active{font-size:1.5rem}}#welcome{display:grid;grid-template-columns:1fr;justify-items:center;row-gap:2rem}.text-container{display:inherit}h1{font-size:2rem}.photo-container img{border-radius:20px;box-shadow:0 0 10px var(--pale-green)}.text-container p:last-child{margin-top:.8rem}.text-container p:first-child{padding-bottom:0;margin-bottom:0;color:var(--green)}#about-me p{margin-top:2vh;line-height:2rem}#about-me p:last-of-type{display:none}.divider{display:flex;align-items:center;width:100%;margin-top:10vh;margin-bottom:5vh}.text{color:#a0a0a0;font-family:sans-serif;font-size:14px;padding:0 20px;white-space:nowrap}.line{flex:1;height:1px}.line:first-child{background:linear-gradient(to right,transparent,#fff)}.line:last-child{background:linear-gradient(to left,transparent,#fff)}.stack{margin-top:6vh;display:flex;flex-flow:row wrap;align-items:center;justify-content:center;row-gap:2vh;gap:2vh}.stack div{width:3.3rem;padding:1.2vh;background-color:rgba(255,255,255,.06);border:1px solid var(--glow-color);border-radius:8px;box-shadow:0 0 20px var(--glow-color),inset 0 0 10px var(--glow-color);transition:transform .3s}.proyect-container,.proyect-container img{border-radius:20px}.stack div:hover{transform:translateY(-5px);box-shadow:0 0 35px var(--glow-color),inset 0 0 15px var(--glow-color)}.stack div img,.stack div svg{max-width:100%;height:auto;filter:drop-shadow(0 0 15px var(--glow-color))}#proyects h2{font-size:1.8rem}.proyects-container{margin-top:5vh;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;justify-content:center}.field,form{display:flex}.proyect-container{text-decoration:none;color:var(--text-color);padding:1.5rem}.card-content div{display:flex;align-items:center;justify-content:center;margin-top:10px}.card-content div img{width:2.8rem}form{width:80vw;margin-top:5vh;padding:10vh 10vw;border:1px solid var(--pale-green);border-radius:30px;background-image:linear-gradient(111deg,#ffffff0d,#ffffff08);justify-content:center}fieldset{border:none}.field{flex-direction:column;margin-top:3vh}input,select,textarea{background:0 0;border:none;border-bottom:1px solid rgba(255,255,255,.2);padding:10px 0;color:#fff;font-size:1rem;outline:0}input:focus,select:focus,textarea:focus{border-bottom:1px solid var(--green)}form button{margin-top:5vh;background-image:linear-gradient(90deg,var(--green),#0057a7);border-radius:50px;box-shadow:0 0 10px var(--green);border:1px solid var(--green);color:#fff;padding:12px 30px;cursor:pointer;font-size:.9rem}.pet,img{border-radius:20px}@media (min-width:768px){#nav-menu a,.brand{text-decoration:none}.brand{display:flex;align-items:center;margin-left:4rem}.logo{height:4rem;width:auto}.brand span{color:#fff;font-size:1.2rem;margin:0 0 .3rem}#nav-menu{display:flex;align-items:center;height:6vh;width:auto;padding:0 1rem;margin-right:7rem;border-radius:40px;box-shadow:0 0 8px var(--pale-green);align-self:center}#nav-menu a{margin:0 1rem;font-size:1rem;color:#fff}#nav-toggle{display:none}#welcome{grid-template-columns:1fr 1fr;align-items:center;justify-items:center;gap:2rem}.text-container h1{font-size:2.5rem}.photo-container{max-width:35vw}form{width:60vw;height:auto}}@media (min-width:992px){.text-container h1{font-size:3rem}#about-me p:first-of-type{display:none}#about-me p:last-of-type{display:flex}.photo-container{max-width:30vw}form{margin:5vh 15vw}}@media (min-width:1200px){#proyects h2,h2{font-size:2.7rem}.text-container p:last-of-type,p{font-size:2rem}.text-container h1{font-size:4rem}.text-container p:first-of-type{font-size:1.5rem}#about-me p{font-size:1.3rem}.stack div{width:5rem}#proyects{margin:20vh 0}form{width:40vw;height:auto;margin:5vh 20vw}footer p{font-size:.8rem}}section{unicode-bidi:isolate;margin:9vh 0;padding:0 10vw;scroll-margin-top:15vh;color:var(--text-color)}img{max-width:100%}.pets-container{display:grid;grid-template-columns:1fr 1fr;row-gap:2rem;gap:2rem;margin-top:5vh}.pet{padding:5vh 5vw}.card-content{display:flex;flex-direction:column;justify-content:center;align-items:center}.card-content h3{font-size:1rem;margin-top:2vh}.card-content p{margin:2vh 0;font-size:.8rem}@media (min-width:768px){.pets-container{grid-template-columns:1fr 1fr 1fr;row-gap:2rem;gap:2rem;margin-top:5vh}}