@media print {
    @font-face {
        font-family: "Atkinson";
        src:
            local("Atkinson Hyperlegible"),
            url("../assets/_font/AtkinsonPrint/Atkinson-Hyperlegible-Regular-102.otf") format("opentype");
        font-weight: auto;
    }
    @font-face {
        font-family: "Atkinson";
        src:
            local("Atkinson Hyperlegible"),
            url("../assets/_font/AtkinsonPrint/Atkinson-Hyperlegible-Bold-102.otf") format("opentype");
        font-weight: bold;
    }
    @font-face {
        font-family: "Atkinson";
        src:
            local("Atkinson Hyperlegible"),
            url("../assets/_font/AtkinsonPrint/Atkinson-Hyperlegible-Italic-102.otf") format("opentype");
        font-style: italic;
    }
    @font-face {
        font-family: "Atkinson";
        src:
            local("Atkinson Hyperlegible"),
            url("../assets/_font/AtkinsonPrint/Atkinson-Hyperlegible-BoldItalic-102.otf") format("opentype");
        font-style: italic;
        font-weight: bold;;
    }
}

@media screen {
    @font-face {
        font-family: "Atkinson";
        src:
            local("Atkinson Hyperlegible"),
            url("../assets/_font/AtkinsonWeb/Atkinson-Hyperlegible-Regular-102a.woff2") format("woff2"),
            url("../assets/_font/AtkinsonWeb/Atkinson-Hyperlegible-Regular-102.ttf") format("ttf");
        font-weight: auto;
    }
    @font-face {
        font-family: "Atkinson";
        src:
            local("Atkinson Hyperlegible"),
            url("../assets/_font/AtkinsonWeb/Atkinson-Hyperlegible-Bold-102a.woff2") format("woff2"),
            url("../assets/_font/AtkinsonWeb/Atkinson-Hyperlegible-Bold-102.ttf") format("ttf");
        font-weight: bold;
    }
    @font-face {
        font-family: "Atkinson";
        src:
            local("Atkinson Hyperlegible"),
            url("../assets/_font/AtkinsonWeb/Atkinson-Hyperlegible-Italic-102a.woff2") format("woff2"),
            url("../assets/_font/AtkinsonWeb/Atkinson-Hyperlegible-Italic-102.ttf") format("ttf");
        font-style: italic;
    }
    @font-face {
        font-family: "Atkinson";
        src:
            local("Atkinson Hyperlegible"),
            url("../assets/_font/AtkinsonWeb/Atkinson-Hyperlegible-BoldItalic-102a.woff2") format("woff2"),
            url("../assets/_font/AtkinsonWeb/Atkinson-Hyperlegible-BoldItalic-102.ttf") format("ttf");
        font-style: italic;
        font-weight: bold;;
    }
}


.centered {
    text-align: center;
}
body {
    color: black;
    font-family: 'Atkinson', 'Source Han Sans', Arial, sans-serif;
    padding: 0px;
    margin: 0px;
}
.title {
    text-align: left;
    margin-bottom: 1rem;
}
#content {
    margin: 0 auto;
    width: 50%;
}
@media screen and (max-width: 800px) {
    #content { margin: 7rem; }
}
@media screen and (max-width: 700px) {
    #content { margin: 5rem; }
}
a {
    color: black;
}
.footer {
    font-size: 80%;
    
}
.cite-area {
    font-size: 80%;
}
.right-align {
    text-align: right;
}
code {
    font-family: monospace;
}
.code {
    padding-left: 150px;
}
.sub-comment {
    color: #3f3f3f;
}
.sub-comment a {
    color: #3f3f3f;
}

blockquote {
    color: #3f3f3f;
    border-left: 2px #3f3f3f solid;
    margin-left: 1rem;
    padding-left: 1rem;
}