input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus{-webkit-text-fill-color:var(--text-dark)!important;-webkit-box-shadow:0 0 0px 1000px transparent inset!important}
h1{font-size:26px;font-weight:bolder;margin-bottom:20px;text-align:center;font-family: 'Geom'}
form{border:1px solid var(--color-dark);padding:20px;border-radius:10px;display:flex;flex-direction:column;align-items:center}
input{background:none;background-color:transparent;color:var(--text-light);border:1px solid var(--color-dark);width:100%;font-size:14px;padding:10px 5px;border-radius:4px;margin-bottom:20px;outline:none}
form div{font-size:14px;width:100%}
.clave{display:flex;align-items:center;justify-content:space-between}
form div svg{width:20px}
.error-message{margin-bottom:20px;font-size:.8rem;text-align:center}
@media (min-width:576px){}
@media (min-width:768px){}
@media (min-width:1024px){}
@media (min-width:1360px){
    h1{font-size:36px}
}
@media (min-width:1600px){}