#loginPopup {
    background-color: rgb(100, 100, 100);

    height: 50vh;
    width: 30vw;
    border-radius: 4vh;
    padding: 3vh 3vh;

    margin: auto;

    font-size: 4vh;

    /* center items and arrange them vertically */
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

#loginInputFields {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 1.5vh
}

#loginButtons>button {
    font-size: 2vh;
    height: 3em;
    width: 10em;
    margin: 1em;
    border-radius: 1em;
}

#errorText {
    font-size: 2vh;
    color: red;
}