html{
   
    box-sizing: border-box;
    background-image: url(../Imagen/Para\ Web\ \(10\).jpg);
    
    background-size: cover;
    background-color: black;
    
}
.contenedor{
    border: 1px solid black;
    width: 20rem;
    height: 30rem;
    background-color: rgb(210, 241, 255);
    margin: auto;
    margin-top: 50px;
    border-radius: 25px;
    box-shadow: 5px 5px;
    /*background-image: url(../Fondo/fondoLogin.jpg);
    background-repeat: no-repeat;
    background-size: cover;*/
    
    
}
h1{
    text-align: center;
    color: rgb(49, 53, 53);
    margin-top: 20px;
    font-family: cursive;

}
h2{
    text-align: center;
    color: rgb(243, 11, 11);
    margin-top: 20px;

}
div.login{
    width: 15rem;
     margin: auto;
     padding: 25px; 
     font-size: 20px;
    
     
 }
 select.login{
    width: 15rem;
     margin: auto;
     padding: 15px; 
     font-size: 15px;
     
 }


 .login input, select{
    border: px solid;
    border-top: 0;
    border-left: 0;
    border-right: 0; 
    font-size: 15px;
    
}
input{
    width: 100%;
    margin: 0px;
    box-sizing: border-box;
    font-style: italic;
    padding: 15px 15px;
}
div.boton{
    width: 10rem;
    margin: auto;
    padding: 25px;
    margin-top: 25px;
    
}

.boton input{
    border-radius: 25px;
    background-color: rgb(42, 253, 14);
    font-size: 15px;
    color: rgb(5, 39, 68);
    border: 0px solid;
}


input, select:hover{
    cursor: pointer;
    
    
}