/* simplify header and make it sticky */
header {
    padding: 1rem 1rem;
    justify-content: center;
    position: sticky; /* this together with main overflow visible causes header to be sticky but not footer*/
    top: 0;

    /* hide logo and name */
    .brand-container {
        display: none;
    }

    /* make nav fill whole screen and allow wrap */
    nav {
        margin-left: 0;
        gap: 2rem;
        flex-wrap: wrap;
        justify-content: center;
        font-size: x-large;
    }
}

/* make main fill screen more */
main {
    padding: 1rem 2rem;
}

/* make footer buttons stack so they fit on screen */
footer {
    #footer-buttons {
        flex-direction: column;
        align-items: flex-start;
        gap: unset;
        padding-bottom: 1rem;
    }
}

/* make accordion fill screen more */
.accordion {
    max-width: 100%;
}

/* make cards fill screen more */
.card {
    max-width: 100%;
}

/* remove long construction banner */
.construction #construction-long {
    display: none;
}