body{
    background: url("../images/camionoscuro.jpg");

    /* Nos aseguramos que la imagen de fondo este centrada vertical y
    horizontalmente en todo momento */
     background-position: center center;

     /* La imagen de fondo no se repite */
    background-repeat: no-repeat;

    /* La imagen de fondo está fija en el viewport, de modo que no se mueva cuando
     la altura del contenido supere la altura de la imagen. */
    background-attachment: fixed;

    /* La imagen de fondo se reescala cuando se cambia el ancho de ventana
     del navegador */

     background-size: cover;
     display: flex;
     justify-content: center;

}

.cardLogin{
    border-radius: 10%;
    position: relative;
    top: 10rem;
    left: 1rem;
    padding:2rem;
    height: 45rem;
    width: 95%;
    background: rgba(255, 255, 255, 0.918)

}
.formLogin input{
    background: rgba(255, 255, 255, 0);
    color:rgb(0, 0, 0);
}

.iconos i{
 color: rgb(0, 0, 0) !important;
}

.cardRecuperarCuenta{
    background: rgba(255, 255, 255, 0.883);
    position: relative;
    top:20rem;
    padding: 2rem;
}
.cardRecuperarCuenta input{
    background: rgba(255, 255, 255, 0);
}
.cardVerifyCodigoPassword{
    background: rgba(255, 255, 255, 0.883);
    position: relative;
    top:20rem;
    padding: 2rem;
}

.cardNewPassword{
    background: rgba(255, 255, 255, 0.883);
    position: relative;
    top:15rem;
    padding: 2rem;
}