*{-webkit-box-sizing:border-box;box-sizing:border-box;font-family:"Lato",sans-serif;color:rgb(59,58,58);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}body{margin:auto;height:100vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#ecf0f3;font-size:16px}.login-div{width:20rem;height:37.5rem;border-radius:2.5rem;-webkit-box-shadow:0.625em 0.625em 1.25em #cbced1,-0.625em -0.625em 1.25em #ffffff;box-shadow:0.625em 0.625em 1.25em #cbced1,-0.625em -0.625em 1.25em #ffffff;padding:3.125rem 2.1875rem 2.1875rem 2.1875rem}.logo{background:url("../img/logo.jpg") no-repeat center;width:5rem;height:5rem;border-radius:50%;margin:0 auto;-webkit-box-shadow:0 0 0.125em #5f5f5f,0 0 0 0.3125em #ecf0f3,0.625em 0.625em 1.25em #a7aaaf,-0.625em -0.625em 1.25em #ffffff;box-shadow:0 0 0.125em #5f5f5f,0 0 0 0.3125em #ecf0f3,0.625em 0.625em 1.25em #a7aaaf,-0.625em -0.625em 1.25em #ffffff}.titulo{text-align:center;font-size:1.75rem;font-weight:700;letter-spacing:0.03125em;padding-top:1.5rem}.subtitulo{text-align:center;font-size:0.9375rem;margin-top:0.4375rem;letter-spacing:0.1875em}.campos{margin-top:3.4375rem}.contraseña,.usuario{margin-bottom:1.875rem;border-radius:1.5625rem;background:#ecf0f3;-webkit-box-shadow:inset 0.625em 0.625em 1.25em #cbced1,inset -0.625em -0.625em 1.25em #ffffff;box-shadow:inset 0.625em 0.625em 1.25em #cbced1,inset -0.625em -0.625em 1.25em #ffffff}input{border:none;outline:none;background:none;font-size:0.875rem;margin:0.6875rem 0.625rem}svg{height:1.25rem;margin:0.125rem 0.9375rem -0.3125rem 0.9375rem}button{outline:none;border:none;cursor:pointer;width:100%;height:3.125rem;margin-top:0.9375rem;font-size:1.25rem;font-weight:700;color:#fff;background:#24cfaa;border-radius:1.5625rem;-webkit-box-shadow:0.3125rem 0.3125rem 0.625rem #b1b1b1,-0.3125rem -0.3125rem 0.625rem #ffffff;box-shadow:0.3125rem 0.3125rem 0.625rem #b1b1b1,-0.3125rem -0.3125rem 0.625rem #ffffff;-webkit-transition:0.5s;transition:0.5s}button:hover{background:#2fdbb6}button:active{background:#1da88a}.link{padding-top:1.25rem;text-align:center}.link a{-webkit-text-decoration:none;text-decoration:none;color:#a7aaaf;font-size:0.9375rem}@media screen and (max-width:768px){.registro-div{width:20.625rem;max-width:100%;height:auto;padding:2rem}}@media screen and (min-width:300px){.contraseña,.usuario{display:-webkit-box;display:-ms-flexbox;display:flex}input{width:100%}svg{height:2rem;margin-left:1rem;margin-right:1rem}}