/* See license for the Jost font at eslee.dev/fonts/jost-font-license.txt */
@font-face
{
    font-family: Jost;
    src: url("../../../fonts/jost.ttf");
    font-weight: 600;
}

body
{
    background-color: floralwhite;

    margin: 0;
}

canvas
{
    user-select: none;

    display: block;

    position: absolute;
}

#overlay
{
    position: absolute;

    width: 100%;

    z-index: 1;
}

#header
{
    margin: 0 auto;

    min-width: 360px;
}

h1, p, a
{
    padding: 0;
    margin: 0;

    color: #161616;
}

h1
{
    font-family: Jost, sans-serif;

    color: #161616;
}

p
{
    font-family: Dejavu Sans, Arial, Verdana, sans-serif;

    color: #161616;
}

#title
{
    margin: 32px 0 16px 0;

    font-family: Jost, sans-serif;
    font-size: 2.75em;
}

#score
{
    padding: 0 16px;

    font-family: Dejavu Sans, Arial, Verdana, sans-serif;
    font-size: 1.15em;
    line-height: 1.185em;
}

#overlay-bottom
{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;

    z-index: 1;
}

#footer
{
    margin: 32px auto;

    min-width: 360px;
}

#footer p
{
    margin: 0 0 16px 0;
}

a
{
    text-decoration: underline 2px;
}

a:hover
{
    text-decoration: underline dotted blue 2px;
}