html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { border: 0; font-size: 100%; font: inherit; vertical-align: baseline; margin: 0; padding: 0; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: none; }

ins { background-color: #ff9; color: #000; text-decoration: none; }

mark { background-color: #ff9; color: #000; font-style: italic; font-weight: 700; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }

table { border-collapse: collapse; border-spacing: 0; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

input, select { vertical-align: middle; }

.clearfix:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; }

.clearfix { display: inline-block; }

* html .clearfix { height: 1%; }

.clearfix { display: block; }

/** Syntax highlighting styles */
code.highlighter-rouge { background: white; font-family: courier, monospace; font-size: .875em; }

.highlight { background: #fff; font-family: courier, monospace; font-size: .875em; margin: 2rem auto; }

.highlight > * { padding: 0 1.5rem; }

.highlighter-rouge .highlight { background: white; }

.highlight .c { color: #998; font-style: italic; }

.highlight .err { color: #a61717; background-color: #e3d2d2; }

.highlight .k { font-weight: bold; }

.highlight .o { font-weight: bold; }

.highlight .cm { color: #998; font-style: italic; }

.highlight .cp { color: #999; font-weight: bold; }

.highlight .c1 { color: #998; font-style: italic; }

.highlight .cs { color: #999; font-weight: bold; font-style: italic; }

.highlight .gd { color: #000; background-color: #fdd; }

.highlight .gd .x { color: #000; background-color: #faa; }

.highlight .ge { font-style: italic; }

.highlight .gr { color: #a00; }

.highlight .gh { color: #999; }

.highlight .gi { color: #000; background-color: #dfd; }

.highlight .gi .x { color: #000; background-color: #afa; }

.highlight .go { color: #888; }

.highlight .gp { color: #555; }

.highlight .gs { font-weight: bold; }

.highlight .gu { color: #aaa; }

.highlight .gt { color: #a00; }

.highlight .kc { font-weight: bold; }

.highlight .kd { font-weight: bold; }

.highlight .kp { font-weight: bold; }

.highlight .kr { font-weight: bold; }

.highlight .kt { color: #458; font-weight: bold; }

.highlight .m { color: #099; }

.highlight .s { color: #d14; }

.highlight .na { color: #008080; }

.highlight .nb { color: #0086B3; }

.highlight .nc { color: #458; font-weight: bold; }

.highlight .no { color: #008080; }

.highlight .ni { color: #800080; }

.highlight .ne { color: #900; font-weight: bold; }

.highlight .nf { color: #900; font-weight: bold; }

.highlight .nn { color: #555; }

.highlight .nt { color: #000080; }

.highlight .nv { color: #008080; }

.highlight .ow { font-weight: bold; }

.highlight .w { color: #bbb; }

.highlight .mf { color: #099; }

.highlight .mh { color: #099; }

.highlight .mi { color: #099; }

.highlight .mo { color: #099; }

.highlight .sb { color: #d14; }

.highlight .sc { color: #d14; }

.highlight .sd { color: #d14; }

.highlight .s2 { color: #d14; }

.highlight .se { color: #d14; }

.highlight .sh { color: #d14; }

.highlight .si { color: #d14; }

.highlight .sx { color: #d14; }

.highlight .sr { color: #009926; }

.highlight .s1 { color: #d14; }

.highlight .ss { color: #990073; }

.highlight .bp { color: #999; }

.highlight .vc { color: #008080; }

.highlight .vg { color: #008080; }

.highlight .vi { color: #008080; }

.highlight .il { color: #099; }

/* eb-garamond-regular - latin */
@font-face { font-family: 'EB Garamond'; font-style: normal; font-weight: 400; font-display: auto; src: url("http://localhost:4000/assets/fonts/eb-garamond-v9-latin-regular.eot"); /* IE9 Compat Modes */ src: local("EB Garamond Regular"), local("EBGaramond-Regular"), url("http://localhost:4000/assets/fonts/eb-garamond-v9-latin-regular.eot?#iefix") format("embedded-opentype"), url("http://localhost:4000/assets/fonts/eb-garamond-v9-latin-regular.woff2") format("woff2"), url("http://localhost:4000/assets/fonts/eb-garamond-v9-latin-regular.woff") format("woff"), url("http://localhost:4000/assets/fonts/eb-garamond-v9-latin-regular.ttf") format("truetype"), url("http://localhost:4000/assets/fonts/eb-garamond-v9-latin-regular.svg#EBGaramond") format("svg"); /* Legacy iOS */ }

body { background: #f4efe6; color: #1f1f1f; font-family: "EB Garamond", Garamond, "Times New Roman", serif; font-size: 1.3125em; line-height: 1.5; }

h1 { font-size: 2em; margin: .5em auto; text-align: center; }

h2 { font-size: 1.5em; margin: 0.5em auto; text-align: left; }

h3 { font-size: 1.25em; margin: 0.5em auto; text-align: center; }

h4 { font-size: 1em; font-style: italic; margin: 0.25em auto; text-align: center; }

h5 { font-size: .875em; font-style: italic; margin: 0.25em auto; text-align: center; }

h6 { font-size: .6em; font-style: italic; margin: 0.25em auto; text-align: center; }

em { font-style: italic; }

strong { font-weight: bold; }

a { color: #1f1f1f; }

a:focus { outline: 1px dashed #1f1f1f; }

blockquote { margin: 2em auto; opacity: .8; }

blockquote > * { padding: 0 3em; }

blockquote.epigraph { font-style: italic; }

small { font-size: .75em; }

p > cite { display: block; text-align: right; }

hr { border: 0; height: 0; border: 0; display: block; width: 152px; height: 12px; margin: .5em auto 0; background: url(http://localhost:4000/assets/images/divider.svg) no-repeat top center; margin: 4em 0; }

img { display: flex; max-width: 100%; height: auto; margin: 2em auto; }

figure img { margin: 2em auto 1em; }

figcaption { font-size: .875em; font-style: italic; text-align: center; margin-bottom: 2em; opacity: .7; }

.divided::after { content: ""; border: 0; display: block; width: 152px; height: 12px; margin: .5em auto 0; background: url(http://localhost:4000/assets/images/divider.svg) no-repeat top center; }

.home { max-width: 24em; margin: auto; padding: 4em 1em; }

.content-title { font-size: 2em; margin-bottom: 2em; text-align: center; }

.post-date { color: #64644B; display: block; font-size: .825em; white-space: nowrap; text-transform: uppercase; }

.post-link .post-date { padding: .5em 0; }

.site-credits { margin: 0 auto 2em; padding: 0 2em; text-align: center; }

.skip-navigation { background: #f4efe6; border: 1px dashed transparent; display: block; font-size: .875em; font-weight: 700; margin-top: -2.625rem; padding: .5rem; text-align: center; text-decoration: none; text-transform: uppercase; }

.skip-navigation:hover, .skip-navigation:focus { background: #f8f5ef; border-color: #1f1f1f; margin-top: 0; }

.site-masthead { box-sizing: border-box; position: relative; text-align: center; }

.site-masthead h1 { font-size: 3em; margin-bottom: 0; margin-top: 1em; padding: 0 2rem; }

@media (min-width: 768px) { .site-masthead h1 { font-size: 6em; } }

.site-masthead h2 { color: #64644B; font-size: 1.25em; margin: 0; padding: 0 2rem; }

@media (min-width: 768px) { .site-masthead h2 { font-size: 3em; } }

.site-navigation { margin-top: 2rem; padding: 0 1rem; }

.site-navigation:hover a, .site-navigation:focus-within a { opacity: .7; }

.site-navigation ul { margin: 0; display: flex; flex-wrap: wrap; justify-content: center; }

.site-navigation li { list-style: none; font-size: .875em; font-variant: small-caps; margin: 0; }

.site-navigation li.active a { text-decoration: underline; }

.site-navigation a { display: block; padding: .25em .5em; text-decoration: none; transition: opacity .125s ease-in-out; }

.site-navigation a:hover, .site-navigation a:focus { opacity: 1; }

.post-list { margin: 1em 0; list-style: none; }

.post-list:hover .post-link, .post-list:focus-within .post-link { opacity: .6; }

.post-list li { margin-bottom: 1em; }

.post-link { color: #1f1f1f; display: flex; flex-direction: column-reverse; text-decoration: none; padding: .25em; transition: opacity .125s ease-in-out; }

.post-link:hover, .post-link:focus { opacity: 1 !important; }

@media (min-width: 768px) { .post-link { display: flex; flex-direction: row; justify-content: space-between; } .post-link .post-date { margin-left: auto; } }

.post-link__heading { display: block; margin-right: 4em; }

@media (min-width: 768px) { .post-link__heading { padding: .25em 0; } }

.post-link__heading h1 { font-size: 1em; margin-bottom: 0; margin-top: 0; }

.post-link__title + .post-link__excerpt { opacity: .6; }

.post-pagination { margin-top: 4rem; font-size: .75em; display: flex; flex-direction: row; justify-content: space-between; text-align: center; }

.post-pagination > * { flex-grow: 1; flex-basis: 0; padding: 1em 0; }

.post-pagination:hover a, .post-pagination:focus-within a { opacity: .6; }

.post-pagination a { text-decoration: none; text-transform: uppercase; transition: opacity .125s ease-in-out; }

.post-pagination a:hover, .post-pagination a:focus { opacity: 1; }

.post { margin: 2em auto; max-width: 60rem; }

.post > * { margin-left: auto; margin-right: auto; padding: 0 1em; }

.post > h1 { font-size: 2em; max-width: 48rem; padding: 0.5em 0.5em; text-align: center; }

.post p { text-align: justify; text-indent: 1.5em; text-justify: inter-word; }

.post p:first-of-type, .post h2 + p { text-indent: 0; }

.post a:hover { background: white; }

.post dl, .post ul, .post ol { margin: 1.5em; }

.post li { margin-left: 1.5rem; margin-right: 1.5rem; }

.post-content:first-child { margin-top: 4em; }

.post-meta { margin-bottom: 2em; margin-top: 2em; text-align: right; }

.back-link { display: inline-block; font-size: .75em; padding: 1em; text-decoration: none; text-transform: uppercase; }

.footnote { border: 1px solid #64644B; border-radius: 1em; color: #1f1f1f; display: inline; font-size: .75em; font-weight: 700; padding: 0 .75em; text-decoration: none; margin: 0 .25em; }

.footnote:hover, .footnote:focus { background: #f4efe6; border-color: #f4efe6; }

.footnotes::before { content: ''; border: 0; display: block; width: 152px; height: 12px; margin: .5em auto 0; background: url(http://localhost:4000/assets/images/divider.svg) no-repeat top center; margin: 4em auto; }

.footnotes { margin-bottom: 4em; }

.footnotes li { margin-bottom: 1em; }

.reversefootnote { font-size: .75em; opacity: .75; }

#search { margin: 0 auto; padding: 0 1rem; text-align: center; }

#search__input { background: transparent; border: 0; font: 1em "EB Garamond", Garamond, "Times New Roman", serif; padding: .5em; color: #1f1f1f; text-align: center; }

#search__input:focus { outline: 1px dashed #1f1f1f; }

#search button[type="submit"] { display: none; }

::-webkit-input-placeholder { color: #64644B; }

::-moz-placeholder { color: #64644B; }

:-ms-input-placeholder { color: #64644B; }

:-moz-placeholder { color: #64644B; }

/*# sourceMappingURL=main.css.map */