body {
    height: 100%;
}

header {
    margin-block-end: var(--bluelib-block-gap);
}

main {
    margin-inline: auto;
    margin-block: var(--bluelib-block-gap);

    width: 100%;
    max-width: var(--bluelib-main-width);
}

footer {
    margin-block-start: var(--bluelib-block-gap);
}

header,
footer {
    text-align: center;
}

main {
    display: block flex;
    flex-direction: column;
    gap: var(--bluelib-block-gap);
}