body {
background: #90e8d3;
}
.themaApp{
    font-family: 'Gloria Hallelujah', cursive;
}
#head{
    background: transparent;
    color: #F9F9F9;
    text-align: center;
    padding: 5px;
    height: 5vh;
}
.header {
    font-size: 27px;
    padding: 10px;
}
#body{
    text-align: center;
    background: #F9F9F9;
    height: 90vh;
    width: 90vw;
    border-radius: 20px;
    align-content: center;
    margin: auto;
    overflow-y: scroll;
}
.nameApp{
    font-weight: bold;
    text-transform: uppercase;
    font-size: 30px;
    font-family: 'Shadows Into Light', cursive;
}
.loading {
    width: 70px;
    height: 70px;
    border: 10px solid #eee;
    border-top: 10px solid #666;
    border-radius: 50%;
    animation-name: girar;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    margin: auto;
  }
@keyframes girar{
    from{
        transform: rotate(0deg);
    }
    to{
        transform: rotate(360deg);
    }
}
#foot{
    background: transparent;
    color: #F9F9F9;
    text-align: center;
    padding: 5px;
    height: 5vh;
}
#formulario{
    padding-top: 25%;
}
.centrado{
    max-height: 90vh;
    max-width: 80vw;
    text-align: center;
    margin-left: 8vw;
    margin-right: 8vw;
}
.head{
    height: auto;
}
.body{
    max-height: 80vh;
    overflow: auto;
}