@charset "UTF-8";
@import url(//brick.a.ssl.fastly.net/Open+Sans:300,300i,400,400i,500,500i,600,600i);
:root { --background-color:  #fbf6ed; --text-color:        #1b1b1b; --accent-color:      #75991f; --dim-text-color:    #6a6a6a; --border-color:      #c6c6c6; --separator-color:   #b9b9b9; --table-bg-even-row: rgba(0, 0, 0, 0.03); }

@media (prefers-color-scheme: dark) { :root { --background-color:  #282622; --text-color:        #dfe6eb; --accent-color:      #88992D; --dim-text-color:    #919191; --border-color:      #676767; --separator-color:   #777777; --table-bg-even-row: rgba(255, 255, 255, 0.025); } }

@font-face { font-family: 'Museo Slab'; src: url("Museo_Slab_500_2-webfont.woff2") format("woff2"), url("Museo_Slab_500_2-webfont.woff") format("woff"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Museo Slab'; src: url("Museo_Slab_500italic-webfont.woff2") format("woff2"), url("Museo_Slab_500italic-webfont.woff") format("woff"); font-weight: normal; font-style: italic; }

@font-face { font-family: 'Hack'; src: url("hack-regular-subset.woff2?sha=e700a30") format("woff2"), url("hack-regular-subset.woff?sha=e700a30") format("woff"); font-weight: 400; font-style: normal; }

@font-face { font-family: 'Hack'; src: url("hack-bold-subset.woff2?sha=e700a30") format("woff2"), url("hack-bold-subset.woff?sha=e700a30") format("woff"); font-weight: 700; font-style: normal; }

@font-face { font-family: 'Hack'; src: url("hack-italic-subset.woff2?sha=e700a30") format("woff2"), url("hack-italic-webfont.woff?sha=e700a30") format("woff"); font-weight: 400; font-style: italic; }

@font-face { font-family: 'Hack'; src: url("hack-bolditalic-subset.woff2?sha=e700a30") format("woff2"), url("hack-bolditalic-subset.woff?sha=e700a30") format("woff"); font-weight: 700; font-style: italic; }

body { font-family: "Open Sans", sans-serif; font-feature-settings: 'onum' 1, 'pnum' 1, 'liga' 1; font-size: 16px; line-height: 1.25; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; }

@media (prefers-color-scheme: dark) { body { font-weight: lighter; } body strong, body b { font-weight: medium; } }

@media only screen and (min-width: 30em) { body { font-size: 18px; line-height: 1.5; } }

h1, h2, h3, h4, h5, h6, th { font-family: "Museo Slab", sans-serif; font-style: normal; font-weight: lighter; line-height: 1.2; margin: 1em 0 .5em 0; }

h1 { font-size: 1.75em; }

h2 { font-size: 1.5em; }

h3 { font-size: 1.125em; }

h4 { font-size: 1em; }

blockquote { font-style: italic; }

code, pre { font-family: "Hack", monospace; }

sub, sup { /* Specified in % so that the sup/sup is the right size relative to the surrounding text */ font-size: 75%; /* Zero out the line-height so that it doesn't interfere with the positioning that follows */ line-height: 0; /* Where the magic happens: makes all browsers position the sup/sup properly, relative to the surrounding text */ position: relative; /* Note that if you're using Eric Meyer's reset.css, this is already set and you can remove this rule */ vertical-align: baseline; }

sup { top: -0.5em; }

sub { /* Move the subscripted text down, but only half as far down as the superscript moved up */ bottom: -0.25em; }

.upper, .upperitalic { text-transform: uppercase; letter-spacing: 0.05em; }

.italic, .upperitalic { font-style: italic; }

* { box-sizing: border-box; }

/** Make all elements from the DOM inherit from the parent box-sizing Since `*` has a specificity of 0, it does not override the `html` value making all elements inheriting from the root box-sizing value See: https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration: none; }

header, main, footer, section, article { display: block; }

p, ul, ol, dl, dd, dt, table { margin: 0 0 .5em; padding: 0; }

table { border-collapse: collapse; border-style: solid; border-width: 1px 0 1px; font-size: .875em; margin: 1em auto; }

table caption { margin: 1.5em 2em 0.5em 2em; text-align: center; }

table th, table td { padding: .125em .25em; }

table th { border-style: solid; border-width: 0 0 1px; }

table td { vertical-align: top; }

blockquote { margin: 0 0 .5em 2em; }

ul, ol, dd { margin-left: 2em; }

ul { list-style: disc; }

li p:last-child { margin-bottom: 1.5em; }

hr { border: 0; box-sizing: content-box; height: 1px; overflow: visible; padding-bottom: 2em; padding-top: 1em; text-align: center; }

hr::after { content: "•\00a0\00a0\00a0\00a0\00a0\00a0•\00a0\00a0\00a0\00a0\00a0\00a0•"; }

/* Code blocks */
pre { margin: 0; overflow: auto; margin: 1.5em 0em 1.75em; padding: 1em 2em; font-size: .75em; line-height: 1; }

div.highlight pre { border: 1px solid; border-left: 0; border-right: 0; line-height: 1.5; }

code { padding: 1px 2px 0px 2px; font-size: 0.875em; }

/* Admonitions */
.admonition { margin: 0 0 .5em 1.5em; font-size: .9375em; }

.admonition .admonition-title { font-weight: bold; text-transform: uppercase; letter-spacing: 0.05em; margin: 0; margin-left: -1.5em; }

.admonition .admonition-title:after { content: ':'; }

.admonition-footnotes .admonition-title { display: none; }

/* Figures */
figure { margin: 1em auto; }

figure img { display: block; margin: 1em auto 1.5em; max-width: 100%; height: auto !important; }

figure figcaption { margin: -1em 2em 1.5em 2em; font-size: .9375em; text-align: center; }

/* Header */
body > header { text-transform: lowercase; }

body > header h1 { font-size: 1.25em; }

body > header nav { font-family: "Museo Slab", sans-serif; }

body > header nav a { text-decoration: none; }

body > header nav a:active, body > header nav a:hover, body > header nav a:focus { text-decoration: underline; }

body > header nav ul { font-size: 1em; list-style: none; }

body > header nav ul li { padding: 0; display: inline; }

body > header nav ul li:after { content: '–'; }

body > header nav ul li:last-child:after { content: ''; }

/* Footer */
body > footer { font-size: .875em; text-align: center; }

body > footer p { margin: 0; }

body > footer a { text-decoration: underline; }

body > footer a:active, body > footer a:hover, body > footer a:focus { text-decoration: underline; }

/* Articles */
article header p { font-size: .875em; margin-top: -.5em; }

article footer { font-size: .875em; text-align: right; }

/* Article list and archive */
.article-list header h1 { margin-bottom: .5em; }

.article-list article { margin-bottom: 2em; }

/* Archive */
.archive ul li { list-style: none; }

/* Paginator */
.paginator { display: flex; flex-flow: row wrap; justify-content: space-between; margin-top: 2em; font-family: "Museo Slab", sans-serif; }

.paginator a { text-decoration: none; }

.paginator a:active, .paginator a:hover, .paginator a:focus { text-decoration: underline; }

.paginator .left { order: 2; width: 50%; text-align: center; }

.paginator .center { order: 1; width: 100%; text-align: center; }

.paginator .right { order: 3; width: 50%; text-align: center; }

@media only screen and (min-width: 30em) { .paginator .left { order: 1; width: 35%; text-align: left; } .paginator .center { order: 2; width: 30%; text-align: center; } .paginator .right { order: 3; width: 35%; text-align: right; } }

/* Tag cloud */
.tag-cloud ul { margin-left: 0; text-align: center; }

.tag-cloud ul li { display: inline; margin-right: .2em; list-style: none; }

.tag-cloud .tag-0 { font-size: 1.75em; font-weight: bold; }

.tag-cloud .tag-1 { font-size: 1.50em; font-weight: bold; }

.tag-cloud .tag-2 { font-size: 1.25em; }

.tag-cloud .tag-3 { font-size: 1.00em; }

.tag-cloud .tag-4 { font-size: 0.75em; }

body { display: flex; flex-direction: column; min-height: 100vh; margin: 0 auto; padding: 0; padding-top: .5em; width: 90%; max-width: 650px; }

body > header { border-bottom: 1px solid; display: flex; flex-flow: row wrap; }

body > header h1 { flex: 0 0 auto; align-self: flex-start; margin-top: .5em; }

body > header nav { flex: 1 1 auto; align-self: flex-end; text-align: right; }

body > main { border-bottom: 1px solid; flex: 1 1 auto; margin-bottom: .5em; padding-bottom: 1.5em; }

body > footer { margin-bottom: .5em; }

@media only screen and (min-width: 50em) { body > header { margin-bottom: .75em; padding-bottom: .5em; } body > header h1 { margin-top: 1.55em; margin-bottom: .45em; } body > header nav ul { margin-top: 2em; } .period-archive dd, .archive ul, .article-list header h1, .article-list div.summary { margin-left: 30%; width: 70%; } .period-archive dt, .archive p, .article-list p.date { margin: 0 3% 0 0; width: 27%; text-align: right; clear: both; float: left; } }

@media print { body { max-width: 75%; font-size: 14px; line-height: 1.5; } body > header nav { display: none; } }

body { background: var(--background-color); color: var(--text-color); }

a { color: var(--text-color); }

a:hover, a:focus, a:active { color: var(--accent-color); }

article header p, article footer { color: var(--dim-text-color); }

article footer a { color: var(--dim-text-color); }

article footer a:hover, article footer a:focus, article footer a:active { color: var(--accent-color); }

div.highlight pre { border-color: var(--border-color); }

hr { color: var(--separator-color); }

table { border-color: var(--border-color); }

th { border-color: var(--separator-color); }

tr:nth-child(even) { background: var(--table-bg-even-row); }

.article-list p.date, .archive p, .period-archive dt { color: var(--dim-text-color); }

nav a, body > footer, body > footer a, .paginator, .paginator a { color: var(--dim-text-color); }

.admonition { color: var(--dim-text-color); }

body > header, body > main { border-bottom-color: var(--separator-color); }

body > header h1, nav, nav a.active, nav a:active, nav a:hover, nav a focus, body > footer a:active, body > footer a:hover, body > footer a:focus, .paginator a:active, .paginator a:hover, .paginator a:focus { color: var(--accent-color); }

:root { --base01:  #ECE8DF
  --base02:  #D5D5D5; --base03:  #C0BFBF; --base04:  #919191; --base05:  #5E5E5E; --base06:  #2F2F2F; --base07:  #1A1A1A; --red:     #A7261C; --orange:  #964003; --yellow:  #B48805; --green:   #566603; --cyan:    #0B6C72; --blue:    #3B6293; --purple:  #90338C; --magenta: #A0285C; }

@media (prefers-color-scheme: dark) { :root { --base00:  #191A1C; --base01:  #1F2225; --base02:  #2C343A; --base03:  #36444F; --base04:  #4C6272; --base05:  #90AFC0; --base06:  #C2D9EB; --base07:  #E4ECF4; --red:     #DA7F71; --orange:  #CE8A4F; --yellow:  #FDDF9F; --green:   #49B288; --cyan:    #4CAEB6; --blue:    #6EB0EF; --purple:  #8596FF; --magenta: #DC7AAA; } }

.highlight .hll { color: var(--red); font-weight: bold; font-style: italic; }

.highlight .w { color: var(--red); font-weight: bold; font-style: italic; }

.highlight .esc { color: var(--red); font-weight: bold; font-style: italic; }

.highlight .err { color: var(--red); font-weight: bold; }

.highlight .x { color: var(--red); font-weight: bold; font-style: italic; }

.highlight .k { color: var(--magenta); }

.highlight .kc { color: var(--cyan); }

.highlight .kd { color: var(--red); font-weight: bold; font-style: italic; }

.highlight .kn { color: var(--magenta); }

.highlight .kp { color: var(--red); font-weight: bold; font-style: italic; }

.highlight .kr { color: var(--red); font-weight: bold; font-style: italic; }

.highlight .kt { color: var(--red); font-weight: bold; font-style: italic; }

.highlight .nb { color: var(--blue); }

.highlight .bp { color: var(--purple); }

.highlight .nc { color: var(--purple); }

.highlight .no { color: var(--cyan); }

.highlight .nd { color: var(--blue); }

.highlight .ni { color: var(--red); font-weight: bold; font-style: italic; }

.highlight .ne { color: var(--red); }

.highlight .nf { color: var(--blue); }

.highlight .fm { color: var(--blue); }

.highlight .py { color: var(--red); font-weight: bold; font-style: italic; }

.highlight .nl { color: var(--red); font-weight: bold; font-style: italic; }

.highlight .nx { color: var(--red); font-weight: bold; font-style: italic; }

.highlight .nt { color: var(--orange); }

.highlight .nv { color: var(--purple); }

.highlight .vc { color: var(--red); font-weight: bold; font-style: italic; }

.highlight .vg { color: var(--red); font-weight: bold; font-style: italic; }

.highlight .vi { color: var(--red); font-weight: bold; font-style: italic; }

.highlight .vm { color: var(--blue); }

.highlight .l { color: var(--red); font-weight: bold; font-style: italic; }

.highlight .ld { color: var(--red); font-weight: bold; font-style: italic; }

.highlight .s { color: var(--green); }

.highlight .sa { color: var(--green); font-style: italic; }

.highlight .sb { color: var(--magenta); font-weight: bold; }

.highlight .sc { color: var(--red); font-weight: bold; font-style: italic; }

.highlight .dl { color: var(--red); font-weight: bold; font-style: italic; }

.highlight .sd { color: var(--green); font-style: italic; }

.highlight .s2 { color: var(--green); }

.highlight .sh { color: var(--red); font-weight: bold; font-style: italic; }

.highlight .si { color: var(--magenta); }

.highlight .sx { color: var(--red); font-weight: bold; font-style: italic; }

.highlight .sr { color: var(--red); font-weight: bold; font-style: italic; }

.highlight .s1 { color: var(--green); }

.highlight .ss { color: var(--red); font-weight: bold; font-style: italic; }

.highlight .m { color: var(--cyan); }

.highlight .mb { color: var(--cyan); }

.highlight .mf { color: var(--cyan); }

.highlight .mh { color: var(--cyan); }

.highlight .mi { color: var(--cyan); }

.highlight .il { color: var(--cyan); }

.highlight .mo { color: var(--cyan); }

.highlight .o { color: var(--yellow); }

.highlight .ow { color: var(--yellow); }

.highlight .c { color: var(--base04); font-style: italic; }

.highlight .ch { color: var(--red); font-weight: bold; font-style: italic; }

.highlight .cm { color: var(--red); font-weight: bold; font-style: italic; }

.highlight .cp { color: var(--magenta); }

.highlight .cpf { color: var(--red); font-weight: bold; font-style: italic; }

.highlight .c1 { color: var(--base04); font-style: italic; }

.highlight .cs { color: var(--red); font-weight: bold; font-style: italic; }

.highlight .g { color: var(--red); font-weight: bold; font-style: italic; }

.highlight .gd { color: var(--red); font-weight: bold; font-style: italic; }

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

.highlight .gr { color: var(--red); font-weight: bold; font-style: italic; }

.highlight .gh { color: var(--blue); font-weight: bold; }

.highlight .gi { color: var(--red); font-weight: bold; font-style: italic; }

.highlight .go { color: var(--base05); }

.highlight .gp { color: var(--green); font-weight: bold; }

.highlight .gs { color: var(--red); font-weight: bold; font-style: italic; }

.highlight .gu { color: var(--red); font-weight: bold; font-style: italic; }

.highlight .gt { color: var(--red); font-weight: bold; font-style: italic; }