@charset "utf-8";
:root
{
    /* POLAR NIGHT */
    --bg: #2e3440;
    --fg: #e5e9f0;
    --red: #d28d77;
    --green: #a9cd88;
    --blue: #8cccde;
    --pink: #F8C9D7;
    --pink-dark: #A80033;
    --teal: #006646;
    --red-dark: #ae1d00;
    /*
     * MAJOR THIRD
     * source https://type-scale.com/
     */ 
    --h1: 1.953rem;
    --h2: 1.563rem;
    --h3: 1.25rem;
}
body
{
    padding-bottom: 2em;
    /* 
    Van de Graaf canon 
    source: https://en.wikipedia.org/wiki/Canons_of_page_construction 
    */
    margin: 22vh 22vw 33vh 11vw;
    font-family: "League Mono", "Mononoki", monospace;
    line-height: 1.5;
    background-color: var(--bg);
    color: var(--fg);
    max-width: 34em;
}
h1,
h2,
h3 {
    line-height: 1.25;
}
h1 {
    font-size: var(--h1);
    margin-bottom: 0;
    margin-top: 0;
    width: auto;
}
h2 {
    font-size: var(--h2);
    border-top: 1px dashed var(--green);
    padding-top: .8em;
}
h3 {
    font-size: var(--h3);
}
a {
    color: var(--pink);
    text-decoration-thickness: 1px;
    text-decoration-style: dotted;
    text-decoration-color: var(--pink);
    text-decoration-line: underline;
    display: inline-block;
    padding: .4em .6em;
    text-indent: 0;
    text-align: center;
}
a:hover
{
    outline: 1px dashed var(--pink); 
    text-decoration: none;
}
main ~ footer nav ul 
{
    border-top: 1px dashed var(--green);
    padding-top: .8em;
    padding: .4em .8em;
    text-align: center;
    font-size: small;
}
main ~ footer nav li 
{
    display: inline-block;
}
li { list-style-type: circle; }
p { text-indent: 1em; }