body{background-color:#000;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif}h1{text-align:center}.login-contenido{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:10px}.login-contenido-recuadro{width:100%;max-width:500px;border:1px solid white;border-radius:10px;box-shadow:0 0 15px #fff}.login-contenido .informacion{padding:35px 38px}.login-contenido .informacion h1{text-align:center;color:#fff;margin-bottom:20px}.login-contenido .informacion .field{margin-bottom:20px}.login-contenido .informacion .field label{display:block;margin-bottom:5px;color:#fff}.login-contenido .informacion .field input{display:block;width:100%;padding:5px;border:1px solid white;border-radius:5px;background-color:#000;color:#fff}.login-contenido .informacion .field input:focus{outline:none;border-color:#fff}.login-contenido .informacion .boton{padding:15px 0;text-align:center;color:#fff}.login-contenido .informacion .boton button{padding:10px 20px;border:1px solid white;border-radius:5px;background-color:#000;color:#fff}.login-contenido .informacion .boton button:focus{outline:none;border-color:#fff}.login-contenido .informacion .boton button:hover,.login-contenido .informacion .boton button:active{background-color:#fff;color:#fff}.login-contenido .informacion .boton button:disabled{background-color:#ccc;color:#666;border-color:#ccc;cursor:not-allowed}.menu__logo{display:flex;justify-content:center;align-items:center;margin-bottom:20px}.menu__logo img{width:150px;height:150px;border-radius:50%;box-shadow:0 0 10px #fff}