@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Archivo&family=Spectral+SC:wght@300;500&family=Spectral:ital,wght@0,300;0,600;1,300;1,600&family=Inconsolata:wght@300&display=swap");
:root { --background-color: #041F1E; --alt-background-color: #1B3C41; --text-color: #F0E8D6; --base-line-height: 1.75rem; --base-font-size: 16px; --small-font-size: 0.9375rem; --meta-font-size: 0.875rem; }

@media print { :root { --background-color: #FFF; --alt-background-color: #FFF; --text-color: #000; --base-font-size: 12px; print-color-adjust: exact; -webkit-print-color-adjust: exact; } }

/** Border-box by default. */
html { box-sizing: border-box; font-size: var(--base-font-size); }

*, *:before, *:after { box-sizing: inherit; }

/** Reset some basic elements */
body, h1, h2, h3, h4, h5, h6, p, blockquote, pre, hr, dl, dd, ol, ul, figure { margin: 0; padding: 0; }

/** Basic styling */
body { font-family: "Spectral", serif; font-weight: 300; font-size: var(--base-font-size); line-height: var(--base-line-height); color: var(--text-color); background-color: var(--background-color); -webkit-text-size-adjust: 100%; -webkit-font-feature-settings: "kern" 1; -moz-font-feature-settings: "kern" 1; -o-font-feature-settings: "kern" 1; font-feature-settings: "kern" 1; font-kerning: normal; display: flex; min-height: 100vh; flex-direction: column; }

/** Set `margin-bottom` to maintain vertical rhythm */
p, blockquote, pre, ul, ol, dl, figure, .highlight { margin-bottom: calc(var(--base-line-height) / 2); }

/** `main` element */
main { display: block; /* Default value of `display` of `main` element is 'inline' in IE 11. */ }

/** Images */
img { max-width: 100%; vertical-align: middle; }

/** Figures */
figure > img { display: block; }

figcaption { font-size: var(--small-font-size); }

/** Lists */
ul, ol { padding-left: 1.25rem; }

ul li::before { content: "•"; display: inline-block; width: 0; position: absolute; left: -1.25rem; }

ul li { list-style-type: none; position: relative; }

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

/** Headings */
h1 { font-family: "Archivo", sans-serif; font-weight: 400; font-size: 1.75rem; line-height: 2.25rem; margin-bottom: calc(1 * var(--base-line-height)); }

@media (min-height: 560px) { h1 { margin-bottom: calc(2 * var(--base-line-height)); } }

h2, h3, h4, h5, h6 { line-height: var(--base-line-height); font-family: "Spectral SC", serif; font-weight: 300; }

h2 { font-size: 1.25rem; }

h3, h4, h5, h6 { font-size: var(--base-font-size); }

/** Links */
a:link { color: #EA5448; text-decoration: none; }

a:visited { color: #EA5448; }

a:hover { color: #EA5448; text-decoration: underline; }

/** Blockquotes */
blockquote { color: #94938F; position: relative; font-size: var(--small-font-size); line-height: var(--base-line-height); font-style: italic; }

blockquote:before { position: absolute; top: 0; bottom: 0; left: -0.6875rem; border-left: 0.0625rem solid #94938F; content: ""; }

blockquote > :last-child { margin-bottom: 0; }

blockquote blockquote { margin-left: 0.625rem; }

/** Sidenotes */
aside { color: #94938F; line-height: var(--base-line-height); font-size: var(--small-font-size); }

/** Code formatting */
pre, code { font-size: 0.9375rem; font-family: "Inconsolata", monospace; }

/** Clearfix */
/** Icons */
.svg-icon { width: 1rem; height: 1rem; display: inline-block; fill: #94938F; padding-right: 0.3125rem; vertical-align: text-top; }

/** Tables */
table { margin-bottom: 1.875rem; width: 100%; text-align: left; border-collapse: collapse; border: 1px solid #f8f8f7; }

table tr:nth-child(even) { background-color: white; }

table th, table td { padding: 0.625rem 0.9375rem; }

table th { background-color: white; border: 1px solid #eeeeed; border-bottom-color: #dad9d8; }

table td { border: 1px solid #f8f8f7; }

/** Horizontal rule */
hr { height: var(--base-font-size); margin-top: var(--base-line-height); margin-bottom: calc((var(--base-line-height) - var(--base-font-size)) + (var(--base-line-height) / 2)); background: url("/assets/asterism.svg") repeat-x 0 0; background-repeat: no-repeat; background-position: 50% 0; background-size: contain; border: 0; }

/** Grid wrapper */
.archive-block, .home, .archive, .post, .site-footer, .site-header { display: grid; padding-left: 1.25rem; padding-right: 1.25rem; grid-template-columns: [meta-start main-start footer-start aside-start] 3fr [nav-start] 1fr [meta-end footer-end main-end aside-end nav-end]; column-gap: 1.25rem; justify-content: center; }

@media screen and (min-width: 829px), print and (min-width: 621.75px) { .archive-block, .home, .archive, .post, .site-footer, .site-header { grid-template-columns: [meta-start main-start footer-start] 18.0625rem [footer-end] 10.6875rem [meta-end main-end aside-start nav-start] 18.0625rem [aside-end nav-end]; } }

@media screen and (min-width: 1020px), print and (min-width: 765px) { .archive-block, .home, .archive, .post, .site-footer, .site-header { grid-template-columns: [meta-start] 10.6875rem [meta-end main-start footer-start] 18.0625rem [footer-end] 10.6875rem [main-end aside-start nav-start] 18.0625rem [aside-end nav-end]; } }

/** Site header */
.site-header { margin-top: var(--base-line-height); margin-bottom: calc(1 * var(--base-line-height)); }

@media (min-height: 280px) { .site-header { margin-bottom: calc(2 * var(--base-line-height)); } }

@media (min-height: 560px) { .site-header { margin-bottom: calc(5 * var(--base-line-height)); } }

.site-title { margin-top: 0.625rem; }

.site-nav { grid-column: nav-start/nav-end; font-family: "Spectral SC", serif; font-size: var(--meta-font-size); line-height: var(--base-line-height); }

.site-nav ul { list-style-type: none; margin: 0; padding: 0; }

.site-nav li::before { content: ""; }

.site-nav .page-link { color: #94938F; line-height: var(--base-line-height); }

/** Site footer */
.site-footer { padding-top: calc(2 * var(--base-line-height)); padding-bottom: var(--base-line-height); background-color: var(--alt-background-color); }

.site-footer p { grid-column: footer-start/footer-end; color: #94938F; line-height: var(--base-line-height); font-size: var(--small-font-size); }

/** Page content */
.page-content { padding: calc(1 * var(--base-line-height)) 0; flex: 1; }

@media (min-height: 560px) { .page-content { padding: calc(2 * var(--base-line-height)) 0; } }

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

.post-list > li { margin-bottom: 1.875rem; }

.meta-text, .post-meta, .link-meta { font-family: "Spectral SC", serif; font-weight: 500; font-size: var(--meta-font-size); line-height: var(--base-line-height); color: #94938F; }

.post-link { display: block; }

/** Posts */
.home .link-block, .home .page-header, .home .post-header, .home .section-header, .home .link-header, .archive .link-block, .archive .page-header, .archive .post-header, .archive .section-header, .archive .link-header, .post .link-block, .post .page-header, .post .post-header, .post .section-header, .post .link-header { display: contents; }

.home .page-title, .home .section-title, .home .link-title, .archive .page-title, .archive .section-title, .archive .link-title, .post .page-title, .post .section-title, .post .link-title { grid-column: main-start/main-end; }

.home .post-meta, .home .link-meta, .archive .post-meta, .archive .link-meta, .post .post-meta, .post .link-meta { grid-column: meta-start/meta-end; }

@media screen and (min-width: 1020px), print and (min-width: 765px) { .home .post-meta, .home .link-meta, .archive .post-meta, .archive .link-meta, .post .post-meta, .post .link-meta { text-align: right; } }

.home .link-blurb, .archive .link-blurb, .post .link-blurb { grid-column: main-start/main-end; }

.home .section-content, .archive .section-content, .post .section-content { grid-column: main-start/aside-end; }

* + .section-header > .section-title { margin-top: calc(2 * var(--base-line-height)); }

@media (min-height: 560px) { * + .section-header > .section-title { margin-top: calc(3 * var(--base-line-height)); } }

.post, .link-block.with-content { margin-bottom: calc(2 * var(--base-line-height)); }

.archive-block { grid-column: meta-start/aside-end; padding-left: 0; padding-right: 0; grid-auto-flow: row dense; }

@media screen and (min-width: 829px), print and (min-width: 621.75px) { p, li { text-align: justify; } }

@media screen and (min-width: 829px), print and (min-width: 621.75px) { .section-content > *, .post-excerpt > * { float: left; width: 30rem; } .section-content > aside { float: right; width: 18.0625rem; } }

.section-content > p:not(.no-drop-cap):first-child:first-letter, .section-content > hr + p:not(.no-drop-cap):first-letter { float: left; font-size: 3.75rem; line-height: 2.5rem; padding-top: 0.5625rem; padding-right: 0.1875rem; margin-left: -0.1875rem; /* -3px / 16px */ padding-left: 0; }

/** Syntax highlighting styles */
.highlight { background: #fff; }

.highlighter-rouge .highlight { background: #eef; }

.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; }

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