@import url("../css/global.css");

@import url("../css/variables.css");

.LoginBody,
.LoginForm,
#LoginErrorMessage {
    display: flex;
}

.LoginBody,
.LoginForm {
    flex-direction: column;
}

.LoginBody {
    margin: 50px auto;
    border-color: var(--bordercolor);
    border-width: 1px;
    min-height: 200px;
    align-items: center;
    padding-bottom: 25px;
    background-color: var(--headerfootercolor);
    margin-top: 50px;
    margin-bottom: 50px;
    max-width: 500px;
}

.LoginBody,
.LoginForm input,
.LoginForm button {
    border-style: inset;
}

.LoginBody a {
    text-decoration: none;
    color: var(--bordercolor);
}

.LoginForm input,
.LoginForm button {
    color: var(--fontcolor);
    padding: 5px;
    padding-left: 10px;
    padding-right: 10px;
    border-color: var(--bordercolor);
    border-width: 2px;
    border-radius: 20px;
    max-width: 200px;
    background-color: var(--mainpagecolor);
    cursor: pointer;
}

/* Errors */

#LoginErrorMessage {
    justify-content: center;
    text-align: center;
    color: red;
    font-size: var(--error-message-font-size-mobile);
}