.h1 {
    font-size: 2em;
}

.containerV {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.containerH {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.flex-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 15vh;
    margin-bottom: 15vh;
}

.login-background {
    aspect-ratio: 16/9;
    background-color: #38C4C8;
    border-radius: 1em;
    border: 2%;
}
body {
    size: 100%;
    font-size: 1em;
    text-align: center;
}
form {
    display: grid;
    width: 80%;
    grid-template-columns: 15% 85%;
    grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto auto;
    margin-top: 2vh;
    margin-bottom: 2vh;
}

select, input, label {
    margin: 1.5vh;
    border-radius: 1em;
    text-align: center;
}

label {
    text-align: right;
}



/*
* {
    border: 1px solid red;
}