@page
{
    background-color: #1f293710;

    @footnote
    {
        color: #1f2937;
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    }

    @bottom-left
    {
        background-color: #1f2937;
        color: white;
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    }
    @bottom-center
    {
        color: #1f2937;
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    }
    @bottom-right
    {
        color: #1f2937;
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    }
}

.horizontal-bar
{
    background-color: #ed771d;
}
.horizontal-bar-light
{
    background-color: #ffffff11;
}
.vertical-divider
{
    background-color: #ed771d;
}
.info-box
{
    background-color: #0044ff66;
    border: 2px solid #0044ff12;
}
.warning-box
{
    background-color: #ff000088;
    border: 2px solid #ff00001b;
}

body
{
    background-color: #1f293710;
}
nav
{
    background-color: white;
    box-shadow: 0 4px 20px -20px #111;
}
header
{
    background-color: #1f2937;
    color: white;
}
main
{
    color: #1f2937;
}
footer
{
    background-color: #1f2937;
    color: white;
}

a.button-link:not(.button-unstyled)
{
    background-color: transparent;
    border: none;
    border-radius: 10px;
}
a.button-link:not(.button-unstyled):hover
{
    background-color: #0000000d;
}
a.button-link:not(.button-unstyled):active
{
    background-color: #0000001f;
}
a.button-link.button-unstyled
{
    background-color: transparent;
    border: none;
}
a.button-link.button-unstyled:hover
{
    background-color: transparent;
}
a.button-link.button-unstyled:active
{
    background-color: transparent;
}
a.button-link
{
    color: #1f2937;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: bold;
    font-size: large;
    text-decoration: none;

    display: inline-block;
    padding: 10px;
}
a.button-link[href="/publish"]
{
    text-decoration: 0.12em underline #ed771d !important;
}
a
{
    color: #1f2937;
    text-decoration: 0.12em underline #ed771d;
    font-weight: bold;
}
a.anchor-unstyled
{
    text-decoration: none;
    color: inherit !important;
    font-weight: inherit;
}
input[type=checkbox].footnote-expander ~ label.footnote-expander > sup
{
    color: #1f2937;
    text-decoration: 0.12em underline #ed771d;
}

h1, h2, .big-text-but-semantically-not-h2, h3, p, figcaption, table, li
{
    color: inherit;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
h1
{
    text-align: center;
    text-shadow: 0.08em 0.08em #1f2937bb;
}
.titleText
{
    text-align: center;
    text-shadow: 0.12em 0.12em #1f2937bb;
}