#container{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-content: center;

    background-color: var(--primaryPageColor);

    gap: 10px;
}

#div{

    width: 100vw;
    height: 40vh;

    padding-top: 12vh;

    text-align: center;
}

h1{
    font-size: min(6vw, 40px);

    margin-top: -20px;
    margin-bottom: 5vh;
}

#username{
    font-size: min(4vw, 30px);

    margin-bottom: 1vh;
    /*margin-top: -20px;*/
}

#password{
    font-size: min(4vw, 30px);
}

#buttonValidate{

    margin-top: 20px;
    width: 30vw;
    height: 10vh;

    border: none;
    border-radius: 20px;

    font-size: 3vh;

    color: var(--primaryfontColor);
    background-color: var(--backgroundColor);
}

#buttonValidate:hover{
    background-color: var(--buttonColor);
}