@use '../palettes/brushes' as hues

#intro
    margin-top: 2em
    padding: 3em 1% 2em
    // max-width: 33vw
    font-size: clamp(12pt, 1vw, 24pt)
    margin: 0 auto

    & #footnotes
        max-height: 200px
        overflow: scroll
        background-color: hues.$fg-helper-lowlight-color
        color: hues.$bg-helper-base-color
        border-radius: 5% 3%
        border: 4px inset hues.$border-helper-base-color

    & span a, h1, h2, h3, h4, h5, h6
        color: hues.$border-base-notification

@media (orientation: landscape)
    #intro
        max-width: 35vw

@media (orientation: portrait)
    #intro
        max-width: 75vw