/* general background styling */

* { padding: 0; margin: 0; }

html{
    height: 100%;
    background-color: #222;
    font-size: 1rem;
}
/* Need the :is(..) stuff as both chrome and FF have those rules and will override otherwise */
h1, :is(article, aside, nav, section) h1{ font-size: 1.5rem }
h2, :is(article, aside, nav, section) h2{ font-size: 1.25rem; }

body {
    min-height: 100%;
    color: #ddd;
}

/* single-column styling */
/* Styles */
.container {
    width: 75%;

    min-height: 100%;

    left: 0;
    right: 0;
    margin: 0 auto;

    padding: 20px;
    padding-bottom: 5px;

    background-color: #333;

    font-family: Lato, Verdana, Helvetica, Arial, sans-serif;
}

/* title/header styling */

header.header {
    width: 100%;
    margin-bottom: 20px;
}

/* footer styling */

footer.bottom-footer {
    margin-top: 15px;
    padding-top: 0px;

    width: 100%;
    border-top: 1px solid #333333;

    font-size: 0.5rem;
}

header .link-container {font-size: 0.8rem; padding-top: 0.5rem; padding-bottom:0.5rem;}
header .social {float: left; }
header .syndication {float: right; }
header .description {opacity: 0.6}
a {overflow-wrap: break-word;}

@media only screen  and (min-width : 100rem) {
    /* wider screen - go multi-column */
    .container { display: block;  width:100%; padding: 0; }
    header.header { position:fixed; width: 10rem; top: 0; left:0; right: 0;bottom:0;
              display:block; background-color: #333333; margin: 0; }
    .header-container {position:absolute; width: 9rem; bottom: 10%;}
    header .social {float:none;}
    header .social span {display:inline-block; margin-bottom: 0.5rem; width:100%;}
    header .syndication { float: none; margin-top: 1rem; font-size: 0.67rem;}
    header .title {display:inline-block; width:9rem;}
    header.header > * {padding-left:1rem;}
    section#main, .bottom-footer {margin-left: 10rem; padding-left: 0.5rem; }
    footer.bottom-footer {width:auto;}
}

header.header a { color: #ddd;}
.title {
    font-family: Lato, Verdana, Helvetica, Arial, sans-serif;;
    font-size: 1.67rem;
}

/* post styling */

.post-header {
    margin-bottom: 10px;
    padding-bottom: 10px;

    width: 100%;
    border-bottom: 1px solid #333333;
}

.post-summary-header {
    padding-top: 10px;
    padding-bottom: 10px;

    width: 100%;
    border-top: 1px solid #333333;
}

.post-title {
    font-size: 1.33rem;
}

.post-meta {
    font-size: 0.67rem;
}

/*/ Markdown Styling Below /*/

/* general paragraph styling */

p, ul {
    margin-top: 20px;
    margin-bottom: 20px;
}
p.post-title { margin: 0; padding-top: 20px;}
/* image styling */

img {
    margin-bottom: 10px;
    margin-top: 10px;
}

/* link styling */

a {
    text-decoration: none;
    color: rgba(253, 226, 0, 0.6);
}

a:hover {
    opacity: 0.6;
    transition-delay: 0s;
    transition-duration: 0.25s;
    transition-property: all;
    transition-timing-function: ease;
}

/* list styling */

ul {
    margin-left: 20px;
    list-style-type: square;
}

ol {
    margin-left: 20px;
    list-style-type: decimal;
}

/* blockquote styling */

blockquote {
    border-left: 2px solid #000;
    padding-left: 20px;
    margin-left: -20px;

    color: #6e6e6e;
}

/* hr/bar styling */

hr {
    margin-bottom: 30px;
    margin-top: 30px;

    border: 0;
    height: 0;
    border-top: 1px solid #000;
}

/* table styling */

table {
    left: 0;
    right: 0;
    margin: 0 auto;

    margin-top: 10px;
    margin-bottom: 10px;

    border-collapse: collapse;
}

td, th {
    padding: 3px;
    padding-left: 5px;
    padding-left: 5px;
}

thead tr th {
    border-bottom: 1px solid #000;
}

tbody tr td {
    border-bottom: 1px solid #333333;
}

tbody tr:last-child td {
    border: none;
}

/* code block styling */

pre {
    width: 100%;
    background-color: #363743;
    color: #fff;
    padding: 20px;

    margin-left: -20px;
    margin-top: 10px;
    margin-bottom: 10px;
    overflow-x: scroll;
}

figure { padding: 20px;}
figure img {width: inherit; max-width: 100%;}

/* Gist styling */
.gist .gist-file .gist-data,
.gist .gist-file .gist-meta,
.gist .gist-file .gist-data .highlight {background:#1d1f21 !important}
.gist .gist-file .gist-data .blob-num {color:#444 !important; border-color:#777 !important}
.gist .gist-file .gist-data .blob-code {color:#c0c0c0 !important}
.gist .gist-file {border-color: #777 !important}
/* Taken from GitHub-Dark Stylish: https://github.com/StylishThemes/GitHub-Dark */
/* Tomorrow night theme: https://github.com/StylishThemes/GitHub-Dark/blob/master/themes/src/tomorrow-night.css */
/* Minified version here: https://github.com/StylishThemes/GitHub-Dark/blob/master/themes/tomorrow-night.min.css */
/* Modified c# string (called storage in tomorrow night source - pl-s) to a green color: 94BB9B */
/* inline code - big blocks */
  pre, .markdown-format pre, .markdown-body pre, .markdown-format .highlight pre,
  .markdown-body .highlight pre, body.blog pre, #facebox pre, .blob-expanded,
  .terminal, .copyable-terminal, #notebook .input_area, .blob-code-context,
  /*! Tomorrow Night */.ace_editor,.highlight{background-color:#1D1F21!important;color:#C5C8C6!important}.pl-c,.pl-c span{color:#969896!important;font-style:italic!important}.pl-c1{color:#DE935F!important}.pl-cce{color:#DE935F!important}.pl-cn{color:#DE935F!important}.pl-coc{color:#DE935F!important}.pl-cos{color:#B5BD68!important}.pl-e{color:#F0C674!important}.pl-ef{color:#F0C674!important}.pl-en{color:#F0C674!important}.pl-enc{color:#DE935F!important}.pl-enf{color:#F0C674!important}.pl-enm{color:#F0C674!important}.pl-ens{color:#DE935F!important}.pl-ent{color:#B294BB!important}.pl-entc{color:#F0C674!important}.pl-enti{color:#F0C674!important;font-weight:700!important}.pl-entm{color:#C66!important}.pl-eoa{color:#B294BB!important}.pl-eoac{color:#C66!important}.pl-eoac .pl-pde{color:#C66!important}.pl-eoai{color:#B294BB!important}.pl-eoai .pl-pde{color:#B294BB!important}.pl-eoi{color:#F0C674!important}.pl-k{color:#B294BB!important}.pl-ko{color:#B294BB!important}.pl-kolp{color:#B294BB!important}.pl-kos{color:#DE935F!important}.pl-kou{color:#DE935F!important}.pl-mai .pl-sf{color:#C66!important}.pl-mb{color:#B5BD68!important;font-weight:700!important}.pl-mc{color:#B294BB!important}.pl-mh .pl-pdh{color:#DE935F!important}.pl-mi{color:#B294BB!important;font-style:italic!important}.pl-ml{color:#B5BD68!important}.pl-mm{color:#C66!important}.pl-mp{color:#81A2BE!important}.pl-mp1 .pl-sf{color:#81A2BE!important}.pl-mq{color:#DE935F!important}.pl-mr{color:#B294BB!important}.pl-ms{color:#B294BB!important}.pl-pdb{color:#B5BD68!important;font-weight:700!important}.pl-pdc{color:#969896!important;font-style:italic!important}.pl-pdc1{color:#DE935F!important}.pl-pde{color:#DE935F!important}.pl-pdi{color:#B294BB!important;font-style:italic!important}.pl-pds{color:#B5BD68!important}.pl-pdv{color:#C66!important}.pl-pse{color:#DE935F!important}.pl-pse .pl-s2{color:#DE935F!important}.pl-s{color:#94BB9B!important}.pl-s1{color:#B5BD68!important}.pl-s2{color:#c5c8c6!important}.pl-mp .pl-s3{color:#B294BB!important}.pl-s3{color:#81a2be!important}.pl-sc{color:#c5c8c6!important}.pl-scp{color:#DE935F!important}.pl-sf{color:#DAD085!important}.pl-smc{color:#F0C674!important}.pl-smi{color:#c5c8c6!important}.pl-smp{color:#c5c8c6!important}.pl-sok{color:#B294BB!important}.pl-sol{color:#B5BD68!important}.pl-som{color:#C66!important}.pl-sr{color:#C66!important}.pl-sra{color:#B294BB!important}.pl-src{color:#B294BB!important}.pl-sre{color:#B294BB!important}.pl-st{color:#B294BB!important}.pl-stj{color:#c5c8c6!important}.pl-stp{color:#DE935F!important}.pl-sv{color:#DE935F!important}.pl-v{color:#DE935F!important}.pl-vi{color:#DE935F!important}.pl-vo{color:#C66!important}.pl-vpf{color:#DE935F!important}.pl-mi1{color:#8F9D6A!important;background:rgba(0,64,0,.5)!important}.pl-mdht{color:#8F9D6A!important;background:rgba(0,64,0,.5)!important}.pl-md{color:#C66!important;background:rgba(64,0,0,.5)!important}.pl-mdhf{color:#C66!important;background:rgba(64,0,0,.5)!important}.pl-mdr{color:#DE935F!important;font-weight:400!important}.pl-mdh{color:#C66!important;font-weight:400!important}.pl-mdi{color:#C66!important;font-weight:400!important}.pl-ib{background-color:#C66!important}.pl-id{background-color:#C66!important;color:#fff!important}.pl-ii{background-color:#C66!important;color:#fff!important}.pl-iu{background-color:#C66!important}.pl-mo{color:#c5c8c6!important}.pl-mri{color:#DE935F!important}.pl-ms1{background-color:#c5c8c6!important}.pl-va{color:#DE935F!important}.pl-vpu{color:#DE935F!important}.pl-entl{color:#c5c8c6!important}.ace_editor .ace_gutter{background:#25282c!important;color:#C5C8C6!important}.ace_editor .ace_print-margin{width:1px!important;background:#25282c!important}.ace_editor .ace_cursor{color:#AEAFAD!important}.ace_editor .ace_marker-layer .ace_selection{background:#373B41!important}.ace_editor.ace_multiselect .ace_selection.ace_start{box-shadow:0 0 3px 0 #1D1F21!important;border-radius:2px!important}.ace_editor .ace_marker-layer .ace_step{background:#665200!important}.ace_editor .ace_marker-layer .ace_bracket{margin:-1px 0 0 -1px!important;border:1px solid #4B4E55!important}.ace_editor .ace_marker-layer .ace_active-line{background:#282A2E!important}.ace_editor .ace_gutter-active-line{background-color:#282A2E!important}.ace_editor .ace_marker-layer .ace_selected-word{border:1px solid #373B41!important}.ace_editor .ace_invisible{color:#4B4E55!important}.ace_editor .ace_keyword,.ace_editor .ace_meta,.ace_editor .ace_storage,.ace_editor .ace_storage.ace_type,.ace_editor .ace_support.ace_type{color:#B294BB!important}.ace_editor .ace_keyword.ace_operator{color:#8ABEB7!important}.ace_editor .ace_constant.ace_character,.ace_editor .ace_constant.ace_language,.ace_editor .ace_constant.ace_numeric,.ace_editor .ace_keyword.ace_other.ace_unit,.ace_editor .ace_support.ace_constant,.ace_editor .ace_variable.ace_parameter{color:#DE935F!important}.ace_editor .ace_constant.ace_other{color:#CED1CF!important}.ace_editor .ace_invalid{color:#CED2CF!important;background-color:#DF5F5F!important}.ace_editor .ace_invalid.ace_deprecated{color:#CED2CF!important;background-color:#B798BF!important}.ace_editor .ace_fold{background-color:#81A2BE!important;border-color:#C5C8C6!important}.ace_editor .ace_entity.ace_name.ace_function,.ace_editor .ace_support.ace_function,.ace_editor .ace_variable{color:#81A2BE!important}.ace_editor .ace_support.ace_class,.ace_editor .ace_support.ace_type{color:#F0C674!important}.ace_editor .ace_heading,.ace_editor .ace_markup.ace_heading,.ace_editor .ace_string{color:#B5BD68!important}.ace_editor .ace_entity.ace_name.ace_tag,.ace_editor .ace_entity.ace_other.ace_attribute-name,.ace_editor .ace_meta.ace_tag,.ace_editor .ace_string.ace_regexp,.ace_editor .ace_variable{color:#C66!important}.ace_editor .ace_comment{color:#969896!important}.ace_editor .ace_indent-guide{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAYAAACZgbYnAAAAEklEQVQImWNgYGBgYHB3d/8PAAOIAdULw8qMAAAAAElFTkSuQmCC) right repeat-y!important}/*! tomorrow night; https://github.com/MozMorris/tomorrow-pygments */#notebook .highlight table{background:#1d1f21!important;color:#c5c8c6!important}#notebook .highlight .hll{background-color:#373b41!important}#notebook .highlight .c{color:#969896!important}#notebook .highlight .err{color:#c66!important}#notebook .highlight .k{color:#b294bb!important}#notebook .highlight .l{color:#de935f!important}#notebook .highlight .h,#notebook .highlight .n{color:#c5c8c6!important}#notebook .highlight .o{color:#8abeb7!important}#notebook .highlight .p{color:#c5c8c6!important}#notebook .highlight .cm{color:#969896!important}#notebook .highlight .cp{color:#969896!important}#notebook .highlight .c1{color:#969896!important}#notebook .highlight .cs{color:#969896!important}#notebook .highlight .gd{color:#c66!important}#notebook .highlight .ge{font-style:italic!important}#notebook .highlight .gh{color:#c5c8c6!important;font-weight:700!important}#notebook .highlight .gi{color:#b5bd68!important}#notebook .highlight .gp{color:#969896!important;font-weight:700!important}#notebook .highlight .gs{font-weight:700!important}#notebook .highlight .gu{color:#8abeb7!important;font-weight:700!important}#notebook .highlight .kc{color:#b294bb!important}#notebook .highlight .kd{color:#b294bb!important}#notebook .highlight .kn{color:#8abeb7!important}#notebook .highlight .kp{color:#b294bb!important}#notebook .highlight .kr{color:#b294bb!important}#notebook .highlight .kt{color:#f0c674!important}#notebook .highlight .ld{color:#b5bd68!important}#notebook .highlight .m{color:#de935f!important}#notebook .highlight .s{color:#b5bd68!important}#notebook .highlight .na{color:#81a2be!important}#notebook .highlight .nb{color:#c5c8c6!important}#notebook .highlight .nc{color:#f0c674!important}#notebook .highlight .no{color:#c66!important}#notebook .highlight .nd{color:#8abeb7!important}#notebook .highlight .ni{color:#c5c8c6!important}#notebook .highlight .ne{color:#c66!important}#notebook .highlight .nf{color:#81a2be!important}#notebook .highlight .nl{color:#c5c8c6!important}#notebook .highlight .nn{color:#f0c674!important}#notebook .highlight .nx{color:#81a2be!important}#notebook .highlight .py{color:#c5c8c6!important}#notebook .highlight .nt{color:#8abeb7!important}#notebook .highlight .nv{color:#c66!important}#notebook .highlight .ow{color:#8abeb7!important}#notebook .highlight .w{color:#c5c8c6!important}#notebook .highlight .mf{color:#de935f!important}#notebook .highlight .mh{color:#de935f!important}#notebook .highlight .mi{color:#de935f!important}#notebook .highlight .mo{color:#de935f!important}#notebook .highlight .sb{color:#b5bd68!important}#notebook .highlight .sc{color:#c5c8c6!important}#notebook .highlight .sd{color:#969896!important}#notebook .highlight .s2{color:#b5bd68!important}#notebook .highlight .se{color:#de935f!important}#notebook .highlight .sh{color:#b5bd68!important}#notebook .highlight .si{color:#de935f!important}#notebook .highlight .sx{color:#b5bd68!important}#notebook .highlight .sr{color:#b5bd68!important}#notebook .highlight .s1{color:#b5bd68!important}#notebook .highlight .ss{color:#b5bd68!important}#notebook .highlight .bp{color:#c5c8c6!important}#notebook .highlight .vc{color:#c66!important}#notebook .highlight .vg{color:#c66!important}#notebook .highlight .vi{color:#c66!important}#notebook .highlight .il{color:#de935f!important}