.container {
    background-color: navy;
    background-image: url("/assets/star-bg.webp");
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

main,
article,
section,
figure.art {
    box-sizing: border-box;
    align-self: center;
    width: 100%;
    max-width: 1400px;
    box-shadow: 0 0 10px var(--ui-hover-fg);
    background-color: var(--ui-surface-bg);
}

main {
    flex-grow: 1;
}

main,
section {
    border-left: 4px dotted var(--primary-surface);
    border-right: 4px dotted var(--primary-surface);

    @media all and (max-width: 1400px) {
        border: initial;
    }
}