main.pane {
    grid-area: main;
}

main.pane > * {
    background-color: var(--background-2);
    border-radius: var(--border-radius-leaf);

    padding: var(--spacing-small);
    height: min-content;

    > header {
        text-align: center;
        padding: var(--spacing-small);
        width: max-content;

        margin: 0 auto;

        > .title {
            background-color: var(--background-1);
            border-radius: var(--border-radius-leaf);
            padding: var(--spacing-small);
        }

        > .date {
            display: block;

            font-size: 0.85rem;
            font-weight: normal;
            font-style: italic;
            font-family: var(--font-family-generic);
        }
    }
}

main.pane > footer {
    grid-area: main;
    margin: var(--spacing-large) auto 0;
    width: min-content;

    font-size: 1.65vh;
    white-space: nowrap;

    text-align: center;

    > p {
        margin: 0;
    }
}
