html, body, main {
    height: 100%;
}

main {
    height: 100vh;
}

.fondoLogin {
    /* background: #ef0010!important;
    background: -webkit-radial-gradient(circle, #ef0010 0%, #98000a 100%)!important;
    background: radial-gradient(circle, #ef0010 0%, #98000a 100%)!important; */
    background: url(../img/estrellas.jpg)!important;
    background-repeat: no-repeat!important;
    background-position: center center!important;
    background-size: cover!important;
}
  
/* .login {
    background-color: white;
    border-radius: 15px;
    box-shadow: 0 0 75px 1px rgb(39, 39, 39);
} */

.btnIngresar {
    font-size: small;
    margin: 10px 0px;
    text-decoration: none;
    background: black; /* color de fondo */
    color: #fff; /* color de fuente */
    border: 1px solid #414141; /* tamaño y color de borde */
    padding: 5px 10px;
    border-radius: 12px; /* redondear bordes */
    position: relative;
    z-index: 1;
    overflow: hidden;
    display: inline-block;
}
  
.btnIngresar:hover {
    color: black; /* color de fuente hover */
}
  
.btnIngresar::after {
    content: "";
    background: #fff; /* color de fondo hover */
    position: absolute;
    z-index: -1;
    padding: 5px 10px;
    display: block;
    top: 0;
    bottom: 0;
    left: -100%;
    right: 100%;
    -webkit-transition: all 0.35s;
    transition: all 0.35s;
}
  
.btnIngresar:hover::after {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    -webkit-transition: all 0.35s;
    transition: all 0.35s;
}