.wrapper__inner {
    position  : relative;
    width     : 100%;
    max-width : var(--container-primary-max-width);
    margin    : 0 auto;
}

#main {
    display         : flex;
    align-items     : center;
    flex-direction  : column;
    justify-content : center;
    box-shadow: 0 0 15px rgb(0 0 0 / 5%);
    border-radius: 9px;
    max-width       : 100%;
    min-height      : 50vh;
    padding         : .75rem 0;
}

#main > * {
    width     : 100%;
    margin    : 0;
    max-width : 600px;
}

.page-header h1 {
    margin        : 0;
    padding       : 1em 1.5em;
    text-align    : center;
    color         : var(--color-primary);
    border-bottom : 1px solid var(--color-primary);
    background    : white;
}

.link-element {
    text-align: center;
}

.forgot-password {
    padding-bottom: 1em;
}

.form-footer {
    text-align : center;
}