/**
This StyleSheet is based on the great work done by Manuel Moreale https://manuelmoreale.com/
*/
*,*::before,*::after{
    box-sizing:border-box;
    padding:0;
    margin:0;
    background:none;
    text-decoration:none;
    outline:none;
    font-family:inherit;
    font-size:inherit;
    line-height:inherit;
    font-weight:inherit;
    font-style:inherit;
    color:inherit;
    border:none;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
*:visited,*:active{
    color:inherit
}
:root{
    --c-bg: hsl(0,0%,100%);
    --c-bg-light: hsl(0,0%,97%);
    --c-high: hsla(54,100%,62%,0.4);
    --c-text: hsl(0,0%,25%);
    --c-text-mid: hsl(0,0%,50%);
    --c-text-light: hsl(0,0%,97%);
    --c-link: hsl(16,86%,39%);
    --f-family: "Iowan Old Style","Iowan","Charter","Palatino Linotype","Palatino","Book Antiqua","Palatino LT STD",Times New Roman,serif;
    --f-mono: "SF Mono" , Consolas, monaco, monospace;
    --f-size: 20px;
    --f-lineheight: 38px;
    --f-weight: 400;
    --f-style: normal;
    --f-alignment: left;
    --f-scale-s: 0.889;
    --f-scale-m: 1.2;
    --f-scale-l: 1.4;
    --f-scale-xl: 1.6;
    --l-narrower: 9rem;
    --l-narrow: 20rem;
    font-size:var(--f-lineheight);
    font-family:var(--f-family);
    font-weight:var(--f-weight);
    font-style:var(--f-style);
    text-align:var(--f-alignment);
    background:var(--c-bg);
    color:var(--c-text)
}
@media screen and (max-width: 1000px){
    :root {
        --f-size: 42px;
        --f-lineheight: 68px;
    }
}
::selection{
    background:var(--c-high);
    color:var(--c-text)
}
body{
    padding:1rem 0.2rem;
}

*,*::before,*::after{
    font-size:var(--f-size);
    line-height: 1rem;
}
header,main,footer{
    margin-right:auto;
    margin-left:auto;
    max-width:var(--l-narrow)
}
section p:first-of-type::first-letter {
    font-size: 150%;
}
a,a:visited{
    color: var(--c-link);
}
a:hover{
    text-decoration: underline;
}
a.current{
    text-decoration: underline;
}
h1{
    font-size:calc(var(--f-size) * var(--f-scale-xl));
    line-height:1.3rem;
    padding-bottom:.35rem;
    padding-top:.35rem;
    font-weight:600;
    margin-bottom:2rem
}
h2{
    font-size:calc(var(--f-size) * var(--f-scale-l));
    line-height:1.3rem;
    padding-top:.35rem;
    padding-bottom:.35rem;
    font-weight:600;
    margin-bottom:1rem;
    text-align:center;
    margin-top:2rem;
}
h3{
    font-size:calc(var(--f-size) * var(--f-scale-l));
    line-height:1.3rem;
    padding-top:.35rem;
    padding-bottom:.35rem;
    font-weight:600;
    margin-bottom:1rem;
    text-align:left;
    margin-top:2rem;
}


hr{
    display:block;
    border:none;
    height:2px;
    margin-top:2rem;
    margin-bottom:2rem;
    background:var(--c-bg-light);
    width:var(--l-narrower)
}
blockquote{
    margin-top:1.5rem;
    margin-bottom:1.5rem
}
strong,b{
    font-weight:600
}
em,i,blockquote p{
    font-style:italic
}
code{
    font-family:var(--f-mono);
    background:var(--c-text-light)
}
pre{
    margin-bottom:1rem
}
pre:not(:first-child){
    margin-top:1rem
}
pre code{
    font-size:calc(var(--f-size) * var(--f-scale-s));
    line-height:.8rem;
    padding-top:.1rem;
    padding-bottom:.1rem;
    font-family:var(--f-mono);
    padding:1rem;
    display:block;
    overflow-x:auto;
    white-space:pre
}
p code{
    display:inline-block;
    text-indent:0;
    padding:0 .25rem
}
ol,ul,dl{
    margin-top:1rem;
    margin-bottom:1rem;
    list-style-position:inside
}

ol{
    list-style-type:upper-roman
}
ul{
    list-style-type:circle
}