main.pane {
    grid-area: main;

    > .body,
    > footer {
        background-color: var(--background-2);
        border-radius: var(--border-radius-leaf);
    }

    > .body {
        padding: var(--spacing-small);

        > 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);
            }
        }

        > .body {
            text-align: start;
        }
    }

    > footer {
        margin: var(--spacing-large) auto 0;
        width: min-content;

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

        padding: var(--spacing-small);

        text-align: center;

        > p {
            margin: 0;
        }
    }
}