.login-wrapper {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 100%;
    max-width: 20em;
    height: 20em;
    
    margin: auto;
}

.login-title {
    font-weight: bold;
}

.login-description {
    font-size: 0.8em;

    opacity: 0.5;
}

.login-field {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 100%;
    height: 2.5em;

    padding: 0.5em;
    margin: 0.5em 0;

    font-family: var(--font-family);

    border-radius: 0.3em;
    border: 1px solid var(--color-border);
}

.login-info-box {
    font-size: 0.8em;
    text-align: center;

    color: var(--color-error);
}

.login-submit {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 100%;
    height: 2.5em;

    padding: 0.5em;
    margin: 0.5em 0;

    font-family: var(--font-family);
    
    color: var(--color-font-white);
    background: var(--color-link);
    border-radius: 0.3em;
    border: none;

    cursor: pointer;
}