.pane.blog {
    flex: 1;
    flex-direction: column;

    justify-content: center;

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

        > header {
            white-space: nowrap;
        }

        > .body {
            text-align: start;

            padding: 0 var(--spacing-thicc) var(--spacing-thicc);

            img {
                max-width: 100%;
                max-height: 65vh;
                display: block;
                margin: 0 auto;
                object-fit: contain;
            }
        }
    }
}

@media (max-width: 600px) {
    .pane.blog .body > .body {
        padding: var(--spacing-small);
    }
}
