body{

    margin:0;
    padding:0;

    /* La imagen '../img/fondo.jpg' no existe en el proyecto, por eso
       se usa un degradado como fondo. Si tienes la imagen, agrégala
       en img/fondo.jpg y descomenta la línea de abajo. */
    background: linear-gradient(135deg, #4e8cff, #6a5acd);
    /* background: url('../img/fondo.jpg'); */

    background-size:cover;
    background-position:center;

    font-family:Arial;

}

.contenedor{

    display:flex;
    justify-content:center;
    align-items:center;

    height:100vh;

}

.login{

    width:400px;
    max-width:90vw;
    box-sizing:border-box;

    background:white;

    padding:40px;

    border-radius:15px;

    box-shadow:0px 0px 20px rgba(0,0,0,.3);

    text-align:center;

}

@media (max-width: 480px){

    .login{
        padding:25px;
    }

}

.logo{

    width:120px;

    margin-bottom:20px;

}