*{
    font-family: arial;
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
}
body{
    background-color: rgb(50, 162, 172);
    animation: animacionEntrada 0.5s ease-in-out;
}

@keyframes animacionEntrada {
    from { opacity: 0;}
    to {opacity: 1;}
}

h1{
    color: white;
    text-shadow: 1px 1px 1px black;
}

.contenedorFomulario{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 2%;
}

.contenedorFomulario form{
    background-color: rgba(255, 255, 255, 0.755);
    padding: 30px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.contenidoFormulario{
    margin-top: 20px;
}

.contenidoFormulario p{
    font-size: 1.2rem;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: -10px;
    font-weight: bold;
}

.contenidoFormulario input{
    margin-bottom: 10px;
}
.contenidoFormulario label{
    margin-left: 5px;
}

.contendedorBotonesForm input {
    background-color: white;
    border: none;
    padding: 5px;
    font-size: 15px;
    border-radius: 5px;
    box-shadow: 0px 2px 1px rgb(19, 136, 183);
}


.contenedorBotonesInferior a{
    text-decoration: none;
    background-color: rgb(255, 255, 255);
    color: black;
    padding: 8px;
    border-radius: 5px;
    box-shadow: 0px 1px 1px black;
}
.contenedorBotonesInferior a:hover, input:hover{
    transition: 0.4s;
    background-color: rgb(28, 65, 86);
    color: white;
}

.contenedorBotonesInferior{    
    width: 100vh;
}