main {
    padding-bottom: 20px;

    @media all and (max-width: 1000px) {
        margin-top: 100px;
    }
}

.foxgirl-header-container {
    position: relative;

    .foxgirl-header,
    .foxgirl-header-static {
        position: absolute;
        top: -125px;
        right: 10px;
        image-rendering: pixelated;

        @media all and (max-width: 1000px) {
            /* To avoid overlaps */
            pointer-events: none;
        }

        @media (prefers-reduced-motion) {
            &.foxgirl-header {
                display: none;
            }
        }

        @media not (prefers-reduced-motion) {
            &.foxgirl-header-static {
                display: none;
            }
        }
    }
}

section {
    margin: 20px 0 0 0;
}

figure.art {
    display: block;
    margin: 20px 0 0 0;
    border-radius: 10px;

    figcaption {
        border-left: 3px double;
        border-top: 3px double;
        border-right: 3px double;
        border-top-right-radius: 10px;
        border-top-left-radius: 10px;

        font-style: italic;
        padding: 10px;
    }

    img {
        max-width: 100%;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        display: block;
    }
}