/* Background and font */
html {
    font-size: 62.5%;
    font-family: 'Merriweather', serif;
    background-color: #fffaf0;
    color: #222;
    overflow-x: hidden;
}
body {
    font-size: 1.8em;
    margin: 0;
    padding: 1rem;
    overflow-x: hidden;
}

/* Monospace reset */
pre, code, kbd, samp, tt {
  font-family: monospace,monospace;
  font-size: 1em;
}

/* Core styles */
a { color: #2aa198; text-decoration: none; }
a:hover { color: turquoise3; text-decoration: underline; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration: none; }
article h3, article h4, article h5, article h6 {
    font-weight: bold;
    margin-bottom: -0.25rem;
}

p {
    margin: 1.5rem 0;
    /* Readability and design issues... */
    /* text-align: justify;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -o-hyphens: auto; /* doesn't actually work */
    word-break: break-word;
    /* hyphens: auto; */
    line-height: 1.4;
    word-spacing: 0.1em;
}

/* Content dimensions */
body > main, body > header, body > footer, body > nav {
    max-width: 69rem;
    margin: 0 auto;
    padding: 0.5rem 1rem;
}

nav ul {
    font-weight: bold;
    padding: 0;
    margin: 0;
    list-style: none;
}

nav li {
    display: inline-block;
    padding-right: 1rem;
}

#banner, nav { border-bottom: solid 1px #2aa198; }
#banner h1 { margin: 0; }
#contentinfo {
    font-size: 1.2rem;
    border-top: solid 1px #2aa198;
    text-align: center;
    color: #707070;
    font-style: italic;
}
#contentinfo small { font-size: 100%; }

#site-subtitle, .post-info { font-size: 1.4rem; color: grey; }
.post-title { margin: 0; }

#post-list {
    list-style-type: none;
    padding: 0;
}

article { margin: 1rem 0; }
li article {
    padding-bottom: 2rem;
    border-bottom: 0.5px dotted lightgrey;
    margin-bottom: 3rem;
    margin-top: 0;
}
li:last-child article {
    border-bottom: 0;
    margin-bottom: 1rem;
}
li:first-child article { margin-top: 1rem; }
ol { margin: 0; }

code {
    background-color: #fdf6e3;
    color: #586e75;
    border-radius: 4px;
    padding: 0 2px;
    margin: 0 -3px;
    box-sizing: content-box;
    vertical-align: middle;
    font-size: 1.6rem;
    border: 1px solid #eee8d5;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    hyphens: none;
}

pre { white-space: pre-wrap; }
/* .highlight pre { margin: 0; } */
pre, .literal-block, .highlight {
    font-size: 1.3rem;
    margin: 0.5em -1000%;
    padding: 1em 1000%;
    background-color: #fdf6e3;
    color: #586e75;
    border: 1px solid #eee8d5;
}

.hll {
    background-color: #f3f2a7;
    display: block;
    width: 100vw;
    border-left: 1000px solid #f3f2a7;
    margin-left: -1000px;
}

/* Solarized Light 
(https://gist.github.com/nicolashery/5765395)
For use with Jekyll and Pygments
http://ethanschoonover.com/solarized
SOLARIZED HEX      ROLE
--------- -------- ------------------------------------------
base01    #586e75  body text / default code / primary content
base1     #93a1a1  comments / secondary content
base3     #fdf6e3  background
orange    #cb4b16  constants
red       #dc322f  regex, special keywords
blue      #268bd2  reserved keywords
cyan      #2aa198  strings, numbers
green     #859900  operators, other keywords
*/

.c { color: #93a1a1 } /* Comment */
.err { color: #586e75 } /* Error */
.g { color: #586e75 } /* Generic */
.k { color: #859900 } /* Keyword */
.l { color: #586e75 } /* Literal */
.n { color: #586e75 } /* Name */
.o { color: #859900 } /* Operator */
.x { color: #cb4b16 } /* Other */
.p { color: #586e75 } /* Punctuation */
.cm { color: #93a1a1 } /* Comment.Multiline */
.cp { color: #859900 } /* Comment.Preproc */
.c1 { color: #93a1a1 } /* Comment.Single */
.cs { color: #859900 } /* Comment.Special */
.gd { color: #2aa198 } /* Generic.Deleted */
.ge { color: #586e75; font-style: italic } /* Generic.Emph */
.gr { color: #dc322f } /* Generic.Error */
.gh { color: #cb4b16 } /* Generic.Heading */
.gi { color: #859900 } /* Generic.Inserted */
.go { color: #586e75 } /* Generic.Output */
.gp { color: #586e75 } /* Generic.Prompt */
.gs { color: #586e75; font-weight: bold } /* Generic.Strong */
.gu { color: #cb4b16 } /* Generic.Subheading */
.gt { color: #586e75 } /* Generic.Traceback */
.kc { color: #cb4b16 } /* Keyword.Constant */
.kd { color: #268bd2 } /* Keyword.Declaration */
.kn { color: #859900 } /* Keyword.Namespace */
.kp { color: #859900 } /* Keyword.Pseudo */
.kr { color: #268bd2 } /* Keyword.Reserved */
.kt { color: #dc322f } /* Keyword.Type */
.ld { color: #586e75 } /* Literal.Date */
.m { color: #2aa198 } /* Literal.Number */
.s { color: #2aa198 } /* Literal.String */
.na { color: #586e75 } /* Name.Attribute */
.nb { color: #B58900 } /* Name.Builtin */
.nc { color: #268bd2 } /* Name.Class */
.no { color: #cb4b16 } /* Name.Constant */
.nd { color: #268bd2 } /* Name.Decorator */
.ni { color: #cb4b16 } /* Name.Entity */
.ne { color: #cb4b16 } /* Name.Exception */
.nf { color: #268bd2 } /* Name.Function */
.nl { color: #586e75 } /* Name.Label */
.nn { color: #586e75 } /* Name.Namespace */
.nx { color: #586e75 } /* Name.Other */
.py { color: #586e75 } /* Name.Property */
.nt { color: #268bd2 } /* Name.Tag */
.nv { color: #268bd2 } /* Name.Variable */
.ow { color: #859900 } /* Operator.Word */
.w { color: #586e75 } /* Text.Whitespace */
.mf { color: #2aa198 } /* Literal.Number.Float */
.mh { color: #2aa198 } /* Literal.Number.Hex */
.mi { color: #2aa198 } /* Literal.Number.Integer */
.mo { color: #2aa198 } /* Literal.Number.Oct */
.sb { color: #93a1a1 } /* Literal.String.Backtick */
.sc { color: #2aa198 } /* Literal.String.Char */
.sd { color: #586e75 } /* Literal.String.Doc */
.s2 { color: #2aa198 } /* Literal.String.Double */
.se { color: #cb4b16 } /* Literal.String.Escape */
.sh { color: #586e75 } /* Literal.String.Heredoc */
.si { color: #2aa198 } /* Literal.String.Interpol */
.sx { color: #2aa198 } /* Literal.String.Other */
.sr { color: #dc322f } /* Literal.String.Regex */
.s1 { color: #2aa198 } /* Literal.String.Single */
.ss { color: #2aa198 } /* Literal.String.Symbol */
.bp { color: #268bd2 } /* Name.Builtin.Pseudo */
.vc { color: #268bd2 } /* Name.Variable.Class */
.vg { color: #268bd2 } /* Name.Variable.Global */
.vi { color: #268bd2 } /* Name.Variable.Instance */
.il { color: #2aa198 } /* Literal.Number.Integer.Long */