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

    /*width: max-content;*/
    /*background-color: white;*/
    /*border-radius: 15px;*/
    /*width: max-content;*/
    /*height: max-content;*/
}

.login_form {
    display: flex;
    flex-direction: column;
    align-items: center
}

.login_button_group {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin: 15px 0 0;
}

.login_button_group > button {
    font-size: 12px;
}

.login_button_group :last-child {
    background: #f8bb59 url("/images/blue_fade_button.png") no-repeat;
    filter: hue-rotate(150deg);
}

.form-round-contour {
    background-color: #f2f2f2;
    border-radius: 15px;
    padding: 15px;
}

.form-group {
    margin-bottom: 10px;
}

.error-message {
    color: red;
    font-size: 14px;
}

.loading {
    display: none;
}

.canvas {
    height: 100dvh;

}

.loading-bar {
    display: inline-block;
    width: 30px;
    height: 4px;
    background-color: #333;
    vertical-align: middle;
}

@media only screen and (max-width: 1080px) {
    .form-round-contour {
        width: min-content;
    }

    form, input, button {
        font-size: min(3vw, 1em);
    }

    h1, h2 {
        font-size: min(5vw, 2em);
    }
}