@import url(/assets/font.css);

body, html {
    margin: 0;
    min-height: 100%;
    min-width: 300px;
}

body {
    display: flex;
    flex-direction: column;
    font-family: 'Open Sans', sans-serif;
    background-color: #fffcf9;
    color: #353746;
}

/* Center aligned by default. */
#content {
    position: relative;
    flex: 1 1 0;
    padding: 1em 3em 3em 3em;
    font-size: 1.1em; /* 1.2 */
    width: 50em;
    margin: 0 auto;
    max-width: 100%;
    box-sizing: border-box;
    transition: font-size .2s, padding .2s;
}

#content.left {
    margin: 0;
    width: 40em;
}

#content.full {
    width: 100%;
}

#content.justify {
    text-align: justify;
}

#content > a.back-link {
    position: fixed;
    top: .5em;
    left: .5em;
    line-height: 1.5em;
    width: 1.5em;
    color: #ccc;
    font-size: 1.4em;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    background-color: #fffcf9;
    border-radius: 3px;
}

#avatar {
    float: right;
    width: 3.5em;
    margin: 0 0 0 1em;
    border-radius: 3px;
}

/* Common content's blocks */

h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
    margin: 0.7em 0 0.4em 0;
}

h1 > a.permalink {
    display: none;
}

h2 > a.permalink,
h3 > a.permalink, 
h4 > a.permalink, 
h5 > a.permalink, 
h6 > a.permalink {
    margin-right: 0.4em;
}

h1 {
    font-size: 2em;
}

h2 {
    font-size: 1.6em;
}

h3 {
    font-size: 1.3em;
}

h4 {
    font-size: 1.1em;
}

p, ul, ol {
    font-size: 1.0em;
    margin: 0 0 0.7em 0;
    overflow: auto;
    word-break: break-word;
}

li > ul, li > ol {
    margin: 0;
}

a {
    color: #894545;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

pre {
    margin: 0;
}

blockquote {
    margin: 1em 1.5em 1em 0.5em;
    padding: 0 0 0 1em;
    border-left: 2px solid #919191;
    color: #373737;
    font-style: italic;
}

p code, li code {
    background-color: #e3e3e3;
    padding: 0.1em 0.3em;
    border-radius: 4px;
    font-family: monospace;
}

p > img {
    float: left;
    max-width: 12em;
    border-radius: 10px;
    margin: 0.5em 1em 0.5em 0;
}

figure {
    margin: 1.5em auto;
    /* max-width: 32em; */
}

figure > img {
    display: block;
    max-width: 100%;
    margin: 0 auto;
    border-radius: 10px;
}

figure > table {
    margin: 0 auto;
}

figure > figcaption {
    text-align: center;
    margin-top: 0.5em;
    font-style: italic;
    font-size: 0.8em;
    color: #373737;
}

.highlight {
    font-size: 1.0em;
    margin: 0 0 0.7em 0;
    border-radius: 5px;
    padding: 0.5em;
    overflow-x: auto;
}

div.table-container {
    overflow-x: auto;
    /* margin: 1.6em 0 0.5em 0; */
    /* padding-bottom: 13px; */
}
div.table-container > table {
    margin: 0 auto;
}

div.table-navigator {
    text-align: center;
    padding: 5px 0;
    margin: 0.5em 0;
    user-select: none;
}
div.table-navigator > span {
    font-family: sans-serif;
    font-size: 0.9em;
    background-color: #eee;
    padding: 4px 10px;
    display: inline-block;
    margin: 0 2px;
    line-height: 1.1em;
    width: 1.2em;
}
div.table-navigator > span.button {
    cursor: pointer;
}
div.table-navigator > span.button:hover {
    background-color: #ccc;
}

table.classic {
    border-collapse: collapse;
    font-size: 0.9em;
}
table.classic thead {
    border-bottom: 1px solid #b7b2ad;
}
table.classic tbody tr:hover,
table.classic tbody tr.active {
    background-color: #eee;
}
table.classic tbody tr.disabled {
    font-style: italic;
    color: #77777b;
}
table.classic td, table.classic th {
    padding: 0 10px;
    border-left: 1px solid #b7b2ad;
    border-right: 1px solid #b7b2ad;
    white-space: nowrap;
}
table.classic th {
    padding: 5px 10px;
    text-align: center;
    cursor: default;
}
table.classic th.active {
    background-color: #eee;
}

table.bits {
    table-layout: fixed;
    border-collapse: collapse;
    border: 3px solid #b7b2ad;
    font-size: 0.9em;
}
table.bits.nowrap {
    white-space: nowrap;
}
table.bits td, table.bits th {
    text-align: center;
    border: 1px solid #b7b2ad;
    padding: 3px 10px;
}
table.bits th {
    border-bottom-width: 3px;
}
table.bits th.bit {
    width: 1em;
}
table.bits th.left {
    border-bottom-width: 1px;
    border-right-width: 3px;
    text-align: left;
}
table.bits th.corner {
    border-right-width: 3px;
    border-bottom-width: 3px;
}
table.bits td.vertical {
    writing-mode: vertical-rl;
    text-orientation: upright
}
table.bits td.blank {
    background-color: #b7b2ad;
}
table.bits tr.sep td,
table.bits tr.sep th {
    border-top-width: 3px;
}

@media screen and (max-width: 500px) {

    #content {
        font-size: 1.0em;
    }

}

@media screen and (max-width: 400px) {

    #content {
        font-size: 0.9em;
        padding: 1em 2em 2em 2em;
    }

}

@media screen and (prefers-color-scheme: dark) {

    body {
        background-color: #222;
        color: #ccc;
    }

    #content > a.back-link {
        background-color: #222;
    }

    a {
        color: #49c;
    }

    blockquote,
    figure > figcaption {
        color: #888;
    }

    p code, li code {
        background-color: #434343;
    }

    table.classic thead,
    table.classic td, 
    table.classic th {
        border-color: #4a4744;
    }

    table.classic tbody tr:hover,
    table.classic tbody tr.active,
    table.classic th.active {
        background-color: #363636;
    }

    div.table-navigator > span {
        background-color: #3d3d3d;
    }

    div.table-navigator > span.button:hover {
        background-color: #313131;
    }

}

/* Generated highlight style by Pygment */

pre { line-height: 125%; }
td.linenos .normal { color: inherit; background-color: transparent; padding-left: 5px; padding-right: 5px; }
span.linenos { color: inherit; background-color: transparent; padding-left: 5px; padding-right: 5px; }
td.linenos .special { color: #000000; background-color: #ffffc0; padding-left: 5px; padding-right: 5px; }
span.linenos.special { color: #000000; background-color: #ffffc0; padding-left: 5px; padding-right: 5px; }
.highlight .hll { background-color: #ffffcc }
.highlight { background: #f8f8f8; }
.highlight .c { color: #8f5902; font-style: italic } /* Comment */
.highlight .err { color: #a40000; border: 1px solid #ef2929 } /* Error */
.highlight .g { color: #000000 } /* Generic */
.highlight .k { color: #204a87; font-weight: bold } /* Keyword */
.highlight .l { color: #000000 } /* Literal */
.highlight .n { color: #000000 } /* Name */
.highlight .o { color: #ce5c00; font-weight: bold } /* Operator */
.highlight .x { color: #000000 } /* Other */
.highlight .p { color: #000000; font-weight: bold } /* Punctuation */
.highlight .ch { color: #8f5902; font-style: italic } /* Comment.Hashbang */
.highlight .cm { color: #8f5902; font-style: italic } /* Comment.Multiline */
.highlight .cp { color: #8f5902; font-style: italic } /* Comment.Preproc */
.highlight .cpf { color: #8f5902; font-style: italic } /* Comment.PreprocFile */
.highlight .c1 { color: #8f5902; font-style: italic } /* Comment.Single */
.highlight .cs { color: #8f5902; font-style: italic } /* Comment.Special */
.highlight .gd { color: #a40000 } /* Generic.Deleted */
.highlight .ge { color: #000000; font-style: italic } /* Generic.Emph */
.highlight .gr { color: #ef2929 } /* Generic.Error */
.highlight .gh { color: #000080; font-weight: bold } /* Generic.Heading */
.highlight .gi { color: #00A000 } /* Generic.Inserted */
.highlight .go { color: #000000; font-style: italic } /* Generic.Output */
.highlight .gp { color: #8f5902 } /* Generic.Prompt */
.highlight .gs { color: #000000; font-weight: bold } /* Generic.Strong */
.highlight .gu { color: #800080; font-weight: bold } /* Generic.Subheading */
.highlight .gt { color: #a40000; font-weight: bold } /* Generic.Traceback */
.highlight .kc { color: #204a87; font-weight: bold } /* Keyword.Constant */
.highlight .kd { color: #204a87; font-weight: bold } /* Keyword.Declaration */
.highlight .kn { color: #204a87; font-weight: bold } /* Keyword.Namespace */
.highlight .kp { color: #204a87; font-weight: bold } /* Keyword.Pseudo */
.highlight .kr { color: #204a87; font-weight: bold } /* Keyword.Reserved */
.highlight .kt { color: #204a87; font-weight: bold } /* Keyword.Type */
.highlight .ld { color: #000000 } /* Literal.Date */
.highlight .m { color: #0000cf; font-weight: bold } /* Literal.Number */
.highlight .s { color: #4e9a06 } /* Literal.String */
.highlight .na { color: #c4a000 } /* Name.Attribute */
.highlight .nb { color: #204a87 } /* Name.Builtin */
.highlight .nc { color: #000000 } /* Name.Class */
.highlight .no { color: #000000 } /* Name.Constant */
.highlight .nd { color: #5c35cc; font-weight: bold } /* Name.Decorator */
.highlight .ni { color: #ce5c00 } /* Name.Entity */
.highlight .ne { color: #cc0000; font-weight: bold } /* Name.Exception */
.highlight .nf { color: #000000 } /* Name.Function */
.highlight .nl { color: #f57900 } /* Name.Label */
.highlight .nn { color: #000000 } /* Name.Namespace */
.highlight .nx { color: #000000 } /* Name.Other */
.highlight .py { color: #000000 } /* Name.Property */
.highlight .nt { color: #204a87; font-weight: bold } /* Name.Tag */
.highlight .nv { color: #000000 } /* Name.Variable */
.highlight .ow { color: #204a87; font-weight: bold } /* Operator.Word */
.highlight .pm { color: #000000; font-weight: bold } /* Punctuation.Marker */
.highlight .w { color: #f8f8f8 } /* Text.Whitespace */
.highlight .mb { color: #0000cf; font-weight: bold } /* Literal.Number.Bin */
.highlight .mf { color: #0000cf; font-weight: bold } /* Literal.Number.Float */
.highlight .mh { color: #0000cf; font-weight: bold } /* Literal.Number.Hex */
.highlight .mi { color: #0000cf; font-weight: bold } /* Literal.Number.Integer */
.highlight .mo { color: #0000cf; font-weight: bold } /* Literal.Number.Oct */
.highlight .sa { color: #4e9a06 } /* Literal.String.Affix */
.highlight .sb { color: #4e9a06 } /* Literal.String.Backtick */
.highlight .sc { color: #4e9a06 } /* Literal.String.Char */
.highlight .dl { color: #4e9a06 } /* Literal.String.Delimiter */
.highlight .sd { color: #8f5902; font-style: italic } /* Literal.String.Doc */
.highlight .s2 { color: #4e9a06 } /* Literal.String.Double */
.highlight .se { color: #4e9a06 } /* Literal.String.Escape */
.highlight .sh { color: #4e9a06 } /* Literal.String.Heredoc */
.highlight .si { color: #4e9a06 } /* Literal.String.Interpol */
.highlight .sx { color: #4e9a06 } /* Literal.String.Other */
.highlight .sr { color: #4e9a06 } /* Literal.String.Regex */
.highlight .s1 { color: #4e9a06 } /* Literal.String.Single */
.highlight .ss { color: #4e9a06 } /* Literal.String.Symbol */
.highlight .bp { color: #3465a4 } /* Name.Builtin.Pseudo */
.highlight .fm { color: #000000 } /* Name.Function.Magic */
.highlight .vc { color: #000000 } /* Name.Variable.Class */
.highlight .vg { color: #000000 } /* Name.Variable.Global */
.highlight .vi { color: #000000 } /* Name.Variable.Instance */
.highlight .vm { color: #000000 } /* Name.Variable.Magic */
.highlight .il { color: #0000cf; font-weight: bold } /* Literal.Number.Integer.Long */


@media screen and (prefers-color-scheme: dark) {

    pre { line-height: 125%; }
    td.linenos .normal { color: #37474F; background-color: #263238; padding-left: 5px; padding-right: 5px; }
    span.linenos { color: #37474F; background-color: #263238; padding-left: 5px; padding-right: 5px; }
    td.linenos .special { color: #607A86; background-color: #263238; padding-left: 5px; padding-right: 5px; }
    span.linenos.special { color: #607A86; background-color: #263238; padding-left: 5px; padding-right: 5px; }
    .highlight .hll { background-color: #2C3B41 }
    .highlight { background: #263238; color: #EEFFFF }
    .highlight .c { color: #546E7A; font-style: italic } /* Comment */
    .highlight .err { color: #FF5370 } /* Error */
    .highlight .esc { color: #89DDFF } /* Escape */
    .highlight .g { color: #EEFFFF } /* Generic */
    .highlight .k { color: #BB80B3 } /* Keyword */
    .highlight .l { color: #C3E88D } /* Literal */
    .highlight .n { color: #EEFFFF } /* Name */
    .highlight .o { color: #89DDFF } /* Operator */
    .highlight .p { color: #89DDFF } /* Punctuation */
    .highlight .ch { color: #546E7A; font-style: italic } /* Comment.Hashbang */
    .highlight .cm { color: #546E7A; font-style: italic } /* Comment.Multiline */
    .highlight .cp { color: #546E7A; font-style: italic } /* Comment.Preproc */
    .highlight .cpf { color: #546E7A; font-style: italic } /* Comment.PreprocFile */
    .highlight .c1 { color: #546E7A; font-style: italic } /* Comment.Single */
    .highlight .cs { color: #546E7A; font-style: italic } /* Comment.Special */
    .highlight .gd { color: #FF5370 } /* Generic.Deleted */
    .highlight .ge { color: #89DDFF } /* Generic.Emph */
    .highlight .gr { color: #FF5370 } /* Generic.Error */
    .highlight .gh { color: #C3E88D } /* Generic.Heading */
    .highlight .gi { color: #C3E88D } /* Generic.Inserted */
    .highlight .go { color: #546E7A } /* Generic.Output */
    .highlight .gp { color: #FFCB6B } /* Generic.Prompt */
    .highlight .gs { color: #FF5370 } /* Generic.Strong */
    .highlight .gu { color: #89DDFF } /* Generic.Subheading */
    .highlight .gt { color: #FF5370 } /* Generic.Traceback */
    .highlight .kc { color: #89DDFF } /* Keyword.Constant */
    .highlight .kd { color: #BB80B3 } /* Keyword.Declaration */
    .highlight .kn { color: #89DDFF; font-style: italic } /* Keyword.Namespace */
    .highlight .kp { color: #89DDFF } /* Keyword.Pseudo */
    .highlight .kr { color: #BB80B3 } /* Keyword.Reserved */
    .highlight .kt { color: #BB80B3 } /* Keyword.Type */
    .highlight .ld { color: #C3E88D } /* Literal.Date */
    .highlight .m { color: #F78C6C } /* Literal.Number */
    .highlight .s { color: #C3E88D } /* Literal.String */
    .highlight .na { color: #BB80B3 } /* Name.Attribute */
    .highlight .nb { color: #82AAFF } /* Name.Builtin */
    .highlight .nc { color: #FFCB6B } /* Name.Class */
    .highlight .no { color: #EEFFFF } /* Name.Constant */
    .highlight .nd { color: #82AAFF } /* Name.Decorator */
    .highlight .ni { color: #89DDFF } /* Name.Entity */
    .highlight .ne { color: #FFCB6B } /* Name.Exception */
    .highlight .nf { color: #82AAFF } /* Name.Function */
    .highlight .nl { color: #82AAFF } /* Name.Label */
    .highlight .nn { color: #FFCB6B } /* Name.Namespace */
    .highlight .nx { color: #EEFFFF } /* Name.Other */
    .highlight .py { color: #FFCB6B } /* Name.Property */
    .highlight .nt { color: #FF5370 } /* Name.Tag */
    .highlight .nv { color: #89DDFF } /* Name.Variable */
    .highlight .ow { color: #89DDFF; font-style: italic } /* Operator.Word */
    .highlight .pm { color: #89DDFF } /* Punctuation.Marker */
    .highlight .w { color: #EEFFFF } /* Text.Whitespace */
    .highlight .mb { color: #F78C6C } /* Literal.Number.Bin */
    .highlight .mf { color: #F78C6C } /* Literal.Number.Float */
    .highlight .mh { color: #F78C6C } /* Literal.Number.Hex */
    .highlight .mi { color: #F78C6C } /* Literal.Number.Integer */
    .highlight .mo { color: #F78C6C } /* Literal.Number.Oct */
    .highlight .sa { color: #BB80B3 } /* Literal.String.Affix */
    .highlight .sb { color: #C3E88D } /* Literal.String.Backtick */
    .highlight .sc { color: #C3E88D } /* Literal.String.Char */
    .highlight .dl { color: #EEFFFF } /* Literal.String.Delimiter */
    .highlight .sd { color: #546E7A; font-style: italic } /* Literal.String.Doc */
    .highlight .s2 { color: #C3E88D } /* Literal.String.Double */
    .highlight .se { color: #EEFFFF } /* Literal.String.Escape */
    .highlight .sh { color: #C3E88D } /* Literal.String.Heredoc */
    .highlight .si { color: #89DDFF } /* Literal.String.Interpol */
    .highlight .sx { color: #C3E88D } /* Literal.String.Other */
    .highlight .sr { color: #89DDFF } /* Literal.String.Regex */
    .highlight .s1 { color: #C3E88D } /* Literal.String.Single */
    .highlight .ss { color: #89DDFF } /* Literal.String.Symbol */
    .highlight .bp { color: #89DDFF } /* Name.Builtin.Pseudo */
    .highlight .fm { color: #82AAFF } /* Name.Function.Magic */
    .highlight .vc { color: #89DDFF } /* Name.Variable.Class */
    .highlight .vg { color: #89DDFF } /* Name.Variable.Global */
    .highlight .vi { color: #89DDFF } /* Name.Variable.Instance */
    .highlight .vm { color: #82AAFF } /* Name.Variable.Magic */
    .highlight .il { color: #F78C6C } /* Literal.Number.Integer.Long */

}