body {
    display: flex;
    flex-flow: row;
    align-items: center;
    justify-content: center;
    background-image: url("img/background.svg");
    background-repeat: no-repeat;
    background-size: cover;
}

form {
    display: flex;
    flex-flow: column;
    gap: 10px;
    flex-basis: 300px;
    max-width: 300px;
    flex-shrink: 0;
    background: #FFFFFFAA;
    border: 2px solid #AAAAAA;
    border-radius: 10px;
    padding: 15px;
}
    form * {
        flex-shrink: 0;
    }
    form h1 {
        margin: 0 0 10px 0;
    }
    form .error {
        text-align: center;

    }
    form .info {
        text-align: center;
    }
    form a.switchLanguage {
        text-align: center;
    }

input[type="text"],
input[type="password"] {
    margin-bottom: 10px;
}

.buttonBar {
    display: flex;
    flex-flow: row;
    justify-content: space-between;
    gap: 16px;
    align-content: center;
    align-items: center;
}

.errorList {
    display: flex;
    flex-flow: column;
    color: var(--error-color);
}