* {
    border: 0;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline;
    margin: 0;
    padding: 0;
    color: black;
    text-decoration-skip: ink;
}

body {
    font-family: 'Open Sans', 'Myriad Pro', Myriad, sans-serif;
    font-size: 17px;
    line-height: 160%;
    color: #1d1313;
    max-width: 700px;
    margin: auto;
}

p {
    margin: 20px 0;
}

a img {
    border: none;
}

img {
    margin: 10px auto 10px auto;
    max-width: 100%;
    display: block;
}

.left-justify {
    float: left;
}

.right-justify {
    float: right;
}

pre,
code {
    font: Consolas, "Liberation Mono", Menlo, Courier, monospace;
    background-color: #f7f7f7;
}

code {
    padding: 2px;
    font-size: 95%;
}

pre {
    margin-top: 0;
    margin-bottom: 16px;
    word-wrap: normal;
    padding: 16px;
    overflow: auto;
    font-size: 85%;
    line-height: 1.45;
}

pre>code {
    padding: 0;
    margin: 0;
    font-size: 100%;
    word-break: normal;
    white-space: pre;
    background: transparent;
    border: 0;
}

pre code {
    display: inline;
    max-width: auto;
    padding: 0;
    margin: 0;
    overflow: visible;
    line-height: inherit;
    word-wrap: normal;
    background-color: transparent;
    border: 0;
}

pre code::before,
pre code::after {
    content: normal;
}

em,
q,
em,
dfn {
    font-style: italic;
}

.sans,
html .gist .gist-file .gist-meta {
    font-family: "Open Sans", "Myriad Pro", Myriad, sans-serif;
}

.mono,
pre,
code,
tt,
p code,
li code {
    font-family: Menlo, Monaco, "Andale Mono", "lucida console", "Courier New", monospace;
}

.serif {
    font-family: "Old Standard TT", serif;
}

strong {
    font-weight: 600;
}

q:before {
    content: "\201C";
}

q:after {
    content: "\201D";
}

del,
s {
    text-decoration: line-through;
}

blockquote {
    font-family: "Old Standard TT", serif;
    text-align: center;
    padding: 50px;
}

blockquote p {
    display: inline-block;
    font-style: italic;
}

blockquote:before,
blockquote:after {
    font-family: "Old Standard TT", serif;
    content: '\201C';
    font-size: 35px;
    color: #403c3b;
}

blockquote:after {
    content: '\201D';
}

hr {
    width: 40%;
    height: 1px;
    background: #403c3b;
    margin: 25px auto;
}

h1 {
    font-size: 35px;
    line-height: 1.4em;
}

h2 {
    font-size: 28px;
    line-height: 1.4em;
}

h3 {
    font-size: 22px;
    margin-top: 18px;
    line-height: 1.4em;
}

h4 {
    font-size: 18px;
    margin-top: 16px;
    line-height: 1.4em;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    text-decoration: none;
}

h1,
h2 {
    margin-top: 28px;
}

#sub-header,
time {
    color: #403c3b;
    font-size: 13px;
}

#sub-header {
    margin: 0 4px;
}

#nav h1 a {
    font-size: 35px;
    color: #1d1313;
    line-height: 1.2em;
}

.posts_listing a,
#nav a {
    text-decoration: none;
}

li {
    margin-left: 20px;
}

#nav ul li:before,
.posts_listing li:before {
    content: '';
    margin-right: 0;
}

.posts_listing ul {
    list-style-type: none;
}

.posts_listing li {
    list-style-type: none;
}

#content {
    text-align: left;
    width: 100%;
    font-size: 15px;
    padding: 0px 0 10px;
}

#content h1,
#content h2 {
    margin-bottom: 5px;
}

#content h2 {
    font-size: 25px;
}

#content .entry-content {
    margin-top: 15px;
    margin-bottom: 15px;
}

#content time {
    margin-left: 3px;
}

#content h1 {
    font-size: 30px;
}

.highlight {
    margin: 10px 0;
}

.posts_listing {
    margin: 0 0 50px;
}

.posts_listing li {
    margin: 0 0 25px 15px;
}

.posts_listing li a:hover,
#nav a:hover {
    text-decoration: underline;
}

#nav {
    text-align: center;
    position: static;
    margin-top: 60px;
}

#nav ul {
    display: table;
    margin: 8px auto 0 auto;
}

#nav li {
    list-style-type: none;
    display: table-cell;
    font-size: 15px;
    padding: 0 20px;
}

#links {
    margin: 50px 0 0 0;
}

#links :nth-child(2) {
    float: right;
}

#not-found {
    text-align: center;
}

.pagination {
    display: flex;
    justify-content: space-between;
    text-align: center;   
}

.disabled {
    visibility: hidden;
}

#not-found a {
    font-family: "Old Standard TT", serif;
    font-size: 200px;
    text-decoration: none;
    display: inline-block;
    padding-top: 225px;
}

@media (max-width: 750px) {
    body {
        padding-left: 20px;
        padding-right: 20px;
    }

    #nav h1 a {
        font-size: 28px;
    }

    #nav li {
        font-size: 14px;
        padding: 0 15px;
    }

    #content {
        margin-top: 0;
        padding-top: 20px;
        font-size: 14px;
    }

    .posts_listing li div {
        font-size: 12px;
    }
}

@media (max-width: 400px) {
    body {
        padding-left: 20px;
        padding-right: 20px;
    }

    #nav h1 a {
        font-size: 22px;
    }

    #nav li {
        font-size: 16px;
        padding: 0 10px;
    }

    #content {
        margin-top: 0;
        padding-top: 20px;
        font-size: 15px;
    }

    #content h1 {
        font-size: 25px;
    }

    #content h2 {
        font-size: 22px;
    }

    #content h3 {
        font-size: 19px;
    }

    #content h4 {
        font-size: 17px;
    }

    .posts_listing li div {
        font-size: 12px;
    }
}

@media (prefers-color-scheme: dark) {
    *,
    #nav h1 a {
        color: #FDFDFD;
    }

    body {
        background: #121212;
    }

    pre,
    code {
        background-color: #272822;
    }

    #sub-header,
    time {
        color: #BABABA;
    }

    hr {
        background: #EBEBEB;
    }
}

/****** Syntax highlighting ******/

/* light mode syntax highlighting (github) */

@media (prefers-color-scheme: light) {
    /* Background */ .chroma { background-color: #f7f7f7 }
    /* Error */ .chroma .err { color: #a61717; background-color: #e3d2d2 }
    /* LineTableTD */ .chroma .lntd { vertical-align: top; padding: 0; margin: 0; border: 0; }
    /* LineTable */ .chroma .lntable { border-spacing: 0; padding: 0; margin: 0; border: 0; width: auto; overflow: auto; display: block; }
    /* LineHighlight */ .chroma .hl { display: block; width: 100%;background-color: #ffffcc }
    /* LineNumbersTable */ .chroma .lnt { margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #7f7f7f }
    /* LineNumbers */ .chroma .ln { margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #7f7f7f }
    /* Keyword */ .chroma .k { color: #000000; font-weight: bold }
    /* KeywordConstant */ .chroma .kc { color: #000000; font-weight: bold }
    /* KeywordDeclaration */ .chroma .kd { color: #000000; font-weight: bold }
    /* KeywordNamespace */ .chroma .kn { color: #000000; font-weight: bold }
    /* KeywordPseudo */ .chroma .kp { color: #000000; font-weight: bold }
    /* KeywordReserved */ .chroma .kr { color: #000000; font-weight: bold }
    /* KeywordType */ .chroma .kt { color: #445588; font-weight: bold }
    /* NameAttribute */ .chroma .na { color: #008080 }
    /* NameBuiltin */ .chroma .nb { color: #0086b3 }
    /* NameBuiltinPseudo */ .chroma .bp { color: #999999 }
    /* NameClass */ .chroma .nc { color: #445588; font-weight: bold }
    /* NameConstant */ .chroma .no { color: #008080 }
    /* NameDecorator */ .chroma .nd { color: #3c5d5d; font-weight: bold }
    /* NameEntity */ .chroma .ni { color: #800080 }
    /* NameException */ .chroma .ne { color: #990000; font-weight: bold }
    /* NameFunction */ .chroma .nf { color: #990000; font-weight: bold }
    /* NameLabel */ .chroma .nl { color: #990000; font-weight: bold }
    /* NameNamespace */ .chroma .nn { color: #555555 }
    /* NameTag */ .chroma .nt { color: #000080 }
    /* NameVariable */ .chroma .nv { color: #008080 }
    /* NameVariableClass */ .chroma .vc { color: #008080 }
    /* NameVariableGlobal */ .chroma .vg { color: #008080 }
    /* NameVariableInstance */ .chroma .vi { color: #008080 }
    /* LiteralString */ .chroma .s { color: #dd1144 }
    /* LiteralStringAffix */ .chroma .sa { color: #dd1144 }
    /* LiteralStringBacktick */ .chroma .sb { color: #dd1144 }
    /* LiteralStringChar */ .chroma .sc { color: #dd1144 }
    /* LiteralStringDelimiter */ .chroma .dl { color: #dd1144 }
    /* LiteralStringDoc */ .chroma .sd { color: #dd1144 }
    /* LiteralStringDouble */ .chroma .s2 { color: #dd1144 }
    /* LiteralStringEscape */ .chroma .se { color: #dd1144 }
    /* LiteralStringHeredoc */ .chroma .sh { color: #dd1144 }
    /* LiteralStringInterpol */ .chroma .si { color: #dd1144 }
    /* LiteralStringOther */ .chroma .sx { color: #dd1144 }
    /* LiteralStringRegex */ .chroma .sr { color: #009926 }
    /* LiteralStringSingle */ .chroma .s1 { color: #dd1144 }
    /* LiteralStringSymbol */ .chroma .ss { color: #990073 }
    /* LiteralNumber */ .chroma .m { color: #009999 }
    /* LiteralNumberBin */ .chroma .mb { color: #009999 }
    /* LiteralNumberFloat */ .chroma .mf { color: #009999 }
    /* LiteralNumberHex */ .chroma .mh { color: #009999 }
    /* LiteralNumberInteger */ .chroma .mi { color: #009999 }
    /* LiteralNumberIntegerLong */ .chroma .il { color: #009999 }
    /* LiteralNumberOct */ .chroma .mo { color: #009999 }
    /* Operator */ .chroma .o { color: #000000; font-weight: bold }
    /* OperatorWord */ .chroma .ow { color: #000000; font-weight: bold }
    /* Comment */ .chroma .c { color: #999988; font-style: italic }
    /* CommentHashbang */ .chroma .ch { color: #999988; font-style: italic }
    /* CommentMultiline */ .chroma .cm { color: #999988; font-style: italic }
    /* CommentSingle */ .chroma .c1 { color: #999988; font-style: italic }
    /* CommentSpecial */ .chroma .cs { color: #999999; font-weight: bold; font-style: italic }
    /* CommentPreproc */ .chroma .cp { color: #999999; font-weight: bold; font-style: italic }
    /* CommentPreprocFile */ .chroma .cpf { color: #999999; font-weight: bold; font-style: italic }
    /* GenericDeleted */ .chroma .gd { color: #000000; background-color: #ffdddd }
    /* GenericEmph */ .chroma .ge { color: #000000; font-style: italic }
    /* GenericError */ .chroma .gr { color: #aa0000 }
    /* GenericHeading */ .chroma .gh { color: #999999 }
    /* GenericInserted */ .chroma .gi { color: #000000; background-color: #ddffdd }
    /* GenericOutput */ .chroma .go { color: #888888 }
    /* GenericPrompt */ .chroma .gp { color: #555555 }
    /* GenericStrong */ .chroma .gs { font-weight: bold }
    /* GenericSubheading */ .chroma .gu { color: #aaaaaa }
    /* GenericTraceback */ .chroma .gt { color: #aa0000 }
    /* GenericUnderline */ .chroma .gl { text-decoration: underline }
    /* TextWhitespace */ .chroma .w { color: #bbbbbb }
}

@media (prefers-color-scheme: dark) {
    /* Background */ .chroma { color: #f8f8f2; background-color: #272822 }
    /* Other */ .chroma .x {  }
    /* Error */ .chroma .err { color: #960050; background-color: #1e0010 }
    /* LineTableTD */ .chroma .lntd { vertical-align: top; padding: 0; margin: 0; border: 0; }
    /* LineTable */ .chroma .lntable { border-spacing: 0; padding: 0; margin: 0; border: 0; width: auto; overflow: auto; display: block; }
    /* LineHighlight */ .chroma .hl { display: block; width: 100%;background-color: #ffffcc }
    /* LineNumbersTable */ .chroma .lnt { margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #7f7f7f }
    /* LineNumbers */ .chroma .ln { margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #7f7f7f }
    /* Keyword */ .chroma .k { color: #66d9ef }
    /* KeywordConstant */ .chroma .kc { color: #66d9ef }
    /* KeywordDeclaration */ .chroma .kd { color: #66d9ef }
    /* KeywordNamespace */ .chroma .kn { color: #f92672 }
    /* KeywordPseudo */ .chroma .kp { color: #66d9ef }
    /* KeywordReserved */ .chroma .kr { color: #66d9ef }
    /* KeywordType */ .chroma .kt { color: #66d9ef }
    /* Name */ .chroma .n {  }
    /* NameAttribute */ .chroma .na { color: #a6e22e }
    /* NameBuiltin */ .chroma .nb {  }
    /* NameBuiltinPseudo */ .chroma .bp {  }
    /* NameClass */ .chroma .nc { color: #a6e22e }
    /* NameConstant */ .chroma .no { color: #66d9ef }
    /* NameDecorator */ .chroma .nd { color: #a6e22e }
    /* NameEntity */ .chroma .ni {  }
    /* NameException */ .chroma .ne { color: #a6e22e }
    /* NameFunction */ .chroma .nf { color: #a6e22e }
    /* NameFunctionMagic */ .chroma .fm {  }
    /* NameLabel */ .chroma .nl {  }
    /* NameNamespace */ .chroma .nn {  }
    /* NameOther */ .chroma .nx { color: #a6e22e }
    /* NameProperty */ .chroma .py {  }
    /* NameTag */ .chroma .nt { color: #f92672 }
    /* NameVariable */ .chroma .nv {  }
    /* NameVariableClass */ .chroma .vc {  }
    /* NameVariableGlobal */ .chroma .vg {  }
    /* NameVariableInstance */ .chroma .vi {  }
    /* NameVariableMagic */ .chroma .vm {  }
    /* Literal */ .chroma .l { color: #ae81ff }
    /* LiteralDate */ .chroma .ld { color: #e6db74 }
    /* LiteralString */ .chroma .s { color: #e6db74 }
    /* LiteralStringAffix */ .chroma .sa { color: #e6db74 }
    /* LiteralStringBacktick */ .chroma .sb { color: #e6db74 }
    /* LiteralStringChar */ .chroma .sc { color: #e6db74 }
    /* LiteralStringDelimiter */ .chroma .dl { color: #e6db74 }
    /* LiteralStringDoc */ .chroma .sd { color: #e6db74 }
    /* LiteralStringDouble */ .chroma .s2 { color: #e6db74 }
    /* LiteralStringEscape */ .chroma .se { color: #ae81ff }
    /* LiteralStringHeredoc */ .chroma .sh { color: #e6db74 }
    /* LiteralStringInterpol */ .chroma .si { color: #e6db74 }
    /* LiteralStringOther */ .chroma .sx { color: #e6db74 }
    /* LiteralStringRegex */ .chroma .sr { color: #e6db74 }
    /* LiteralStringSingle */ .chroma .s1 { color: #e6db74 }
    /* LiteralStringSymbol */ .chroma .ss { color: #e6db74 }
    /* LiteralNumber */ .chroma .m { color: #ae81ff }
    /* LiteralNumberBin */ .chroma .mb { color: #ae81ff }
    /* LiteralNumberFloat */ .chroma .mf { color: #ae81ff }
    /* LiteralNumberHex */ .chroma .mh { color: #ae81ff }
    /* LiteralNumberInteger */ .chroma .mi { color: #ae81ff }
    /* LiteralNumberIntegerLong */ .chroma .il { color: #ae81ff }
    /* LiteralNumberOct */ .chroma .mo { color: #ae81ff }
    /* Operator */ .chroma .o { color: #f92672 }
    /* OperatorWord */ .chroma .ow { color: #f92672 }
    /* Punctuation */ .chroma .p {  }
    /* Comment */ .chroma .c { color: #75715e }
    /* CommentHashbang */ .chroma .ch { color: #75715e }
    /* CommentMultiline */ .chroma .cm { color: #75715e }
    /* CommentSingle */ .chroma .c1 { color: #75715e }
    /* CommentSpecial */ .chroma .cs { color: #75715e }
    /* CommentPreproc */ .chroma .cp { color: #75715e }
    /* CommentPreprocFile */ .chroma .cpf { color: #75715e }
    /* Generic */ .chroma .g {  }
    /* GenericDeleted */ .chroma .gd { color: #f92672 }
    /* GenericEmph */ .chroma .ge { font-style: italic }
    /* GenericError */ .chroma .gr {  }
    /* GenericHeading */ .chroma .gh {  }
    /* GenericInserted */ .chroma .gi { color: #a6e22e }
    /* GenericOutput */ .chroma .go {  }
    /* GenericPrompt */ .chroma .gp {  }
    /* GenericStrong */ .chroma .gs { font-weight: bold }
    /* GenericSubheading */ .chroma .gu { color: #75715e }
    /* GenericTraceback */ .chroma .gt {  }
    /* GenericUnderline */ .chroma .gl {  }
    /* TextWhitespace */ .chroma .w {  }
}