#page {
    width: 100%;
}

main {
    padding: 0;
}

main > div > aside {
    width: 0;
}

header {
    display: none;
}

section {
    min-height: 100vh;
}

form {
    width: 25%;
    background: white;
    box-shadow: var(--shadow);
    border-radius: var(--round);
    padding: 7vh 1vw;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

form h2 {
    font-size: 2vw;
}

form > a {
    color: var(--c-ds);
}

form > a > * {
    text-align: center;
}

form .header {
    margin: 0;
}

legend {
    color: var(--c-da);
}

fieldset a {
    gap: 2vh;
    margin-top: 3vh;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 1.2vw;
}

a:hover {
    opacity: 0.75;
}

i {
    width: 2vw;
    font-size: 1.5vw;
    text-align: center;
    margin-right: 1vw;
}

@media screen and (max-width: 600px) {
    form {
        width: 70%;
        padding: 3vh 5vw;
    }

    form h2, form a, form i {
        font-size: revert;
    }

    form i {
        margin-right: 5vw;
    }
}