@media (prefers-color-scheme: light) {
    :root {
        --content-bg-color: #fffdfd;
        --text-color: #333;
        --code-color: #111;

        --outer-border-color: #cdb0b0;
        --inner-border-color: #cdb0b0;
        --content-border-color: #cdb0b0;
        --block-bg-color: #fff8f7;
        --block-header-color: #fff8f7;
        --block-header-color-alt: #fffaf1;
        --header-bg-color: #ffdbd2;
        --header-bg-color-alt: #ffeecf;

        --faded-color: #777;
        --footnote-color: #666;
        --footer-color: #555;
        --marker-color: #555;

        --link-color: #9a0000;
        --link-hover-color: #d85100;

        --distant-bg-color: #fff6f1;
        --item-bg-color: #fefefe;
        --item-border-color: #cdb0b0;
        --pagination-bg-color: #fff8f7;
    }
}


@media (prefers-color-scheme: dark) {
    :root {
        --content-bg-color: #222;
        --text-color: #eee;
        --code-color: #fff;

        --outer-border-color: #303030;
        --inner-border-color: #444;
        --content-border-color: #444;
        --block-bg-color: #1f1f1f;
        --block-header-color: #444;
        --block-header-color-alt: #3a3a3a;
        --header-bg-color: #394b5e;
        --header-bg-color-alt: #303030;

        --faded-color: #999;
        --footnote-color: #888;
        --footer-color: #999;
        --marker-color: #aaa;

        --link-color: #a7d2ff;
        --link-hover-color: #d4e9ff;

        --distant-bg-color: #0b0d10;
        --item-bg-color: #2e2e2e;
        --item-border-color: #393939;
        --pagination-bg-color: #0a0a0a;
    }
}
@font-face {
  font-family: 'Libertinus Sans';
  font-style: normal;
  font-weight: normal;
  src: local("Libertinus Sans"), url(/static/fonts/LibertinusSans-Regular.woff2) format("woff2");
}
@font-face {
  font-family: 'Libertinus Sans';
  font-style: normal;
  font-weight: bold;
  src: local("Libertinus Sans"), url(/static/fonts/LibertinusSans-Bold.woff2) format("woff2");
}
@font-face {
  font-family: 'Libertinus Sans';
  font-style: italic;
  font-weight: normal;
  src: local("Libertinus Sans"), url(/static/fonts/LibertinusSans-Italic.woff2) format("woff2");
}
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: normal;
  src: local("JetBrains Mono"), url(/static/fonts/JetBrainsMono-Regular.woff2) format("woff2");
}
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: bold;
  src: local("JetBrains Mono"), url(/static/fonts/JetBrainsMono-Bold.woff2) format("woff2");
}
@font-face {
  font-family: 'JetBrains Mono';
  font-style: italic;
  font-weight: bold;
  src: local("JetBrains Mono"), url(/static/fonts/JetBrainsMono-BoldItalic.woff2) format("woff2");
}
@font-face {
  font-family: 'JetBrains Mono';
  font-style: italic;
  font-weight: normal;
  src: local("JetBrains Mono"), url(/static/fonts/JetBrainsMono-Italic.woff2) format("woff2");
}
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,main {
    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;
}

body {
    line-height:1;
}

ol,ul {
    list-style:none;
}

blockquote,q {
    quotes:none;
}

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

table {
    border-collapse:collapse;
    border-spacing:0;
}
@media (prefers-color-scheme: dark) {
pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*!
  Theme: GitHub Dark
  Description: Dark theme as seen on github.com
  Author: github.com
  Maintainer: @Hirse
  Updated: 2021-05-15

  Outdated base version: https://github.com/primer/github-syntax-dark
  Current colors taken from GitHub's CSS
*/.hljs{color:#c9d1d9;background:#0d1117}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#ff7b72}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#d2a8ff}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id,.hljs-variable{color:#79c0ff}.hljs-meta .hljs-string,.hljs-regexp,.hljs-string{color:#a5d6ff}.hljs-built_in,.hljs-symbol{color:#ffa657}.hljs-code,.hljs-comment,.hljs-formula{color:#8b949e}.hljs-name,.hljs-quote,.hljs-selector-pseudo,.hljs-selector-tag{color:#7ee787}.hljs-subst{color:#c9d1d9}.hljs-section{color:#1f6feb;font-weight:700}.hljs-bullet{color:#f2cc60}.hljs-emphasis{color:#c9d1d9;font-style:italic}.hljs-strong{color:#c9d1d9;font-weight:700}.hljs-addition{color:#aff5b4;background-color:#033a16}.hljs-deletion{color:#ffdcd7;background-color:#67060c}

}
@media (prefers-color-scheme: light) {
pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{background:#eaeef3;color:#00193a}.hljs-doctag,.hljs-keyword,.hljs-name,.hljs-section,.hljs-selector-tag,.hljs-strong,.hljs-title{font-weight:700}.hljs-comment{color:#738191}.hljs-addition,.hljs-built_in,.hljs-literal,.hljs-name,.hljs-quote,.hljs-section,.hljs-selector-class,.hljs-selector-id,.hljs-string,.hljs-tag,.hljs-title,.hljs-type{color:#0048ab}.hljs-attribute,.hljs-bullet,.hljs-deletion,.hljs-link,.hljs-meta,.hljs-regexp,.hljs-subst,.hljs-symbol,.hljs-template-variable,.hljs-variable{color:#4c81c9}.hljs-emphasis{font-style:italic}
}
.hljs {
    background-color: transparent !important;
}
/**
 *  Copyright Steven Allen (2015)
 *
 *  This file is part of gazetta-bootstrap.
 *
 *  gazetta-bootstrap is free software:  you can redistribute it and/or modify
 *  it under the terms of the GNU General Public License (version 2) as
 *  published by the Free Software Foundation.
 *
 *  gazetta-bin is distributed in the hope that it will be useful,
 *  but WITHOUT ANY WARRANTY; without even the implied warranty of
 *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 *  GNU General Public License for more details.
 *
 *  You should have received a copy of the GNU General Public License
 *  along with gazetta-bootstrap.  If not, see <http: //www.gnu.org/licenses/>.
 */
#site-header {
  left: 0;
  width: 216px;
  position: absolute;
  transition: margin-bottom .5s;
}

#site-header .header {
  font-weight: 300;
  padding: 20px;
  border-bottom: 1px solid var(--inner-border-color);
}

#site-header .header, #page-header .header {
  color: var(--text-color);
  text-decoration: none;
  display: block;
  font-size: 3rem;
  line-height: 1.0;
  background-color: var(--header-bg-color);;
}

#page-header {
  padding: 0;
  font-weight: 300;
  border-bottom: 1px solid var(--inner-border-color);
  background-color: var(--header-bg-color-alt);;
}

#page-header .header {
  padding: 20px;
  border-color: var(--outer-border-color);
}


.content {
  padding: 20px;
}

.title {
  display: flex;
  align-items: center;
}

.title .header {
  flex-grow: 1;
}

.title .header:nth-last-child(2) {
  border-right: 1px solid;
}

.title time {
  font-size: 1.2em;
  padding: 1em 2em;
  line-height: 1.0;
  color: var(--faded-color);
}

.title time .date-year {
  display: block;
  font-weight: 400;
  letter-spacing: 0.1em;
}

.title time .date-month::after {
  content: ".";
}

#site-header, #site-content {
  background-color: var(--content-bg-color);
  border-style: solid;
  border-color: var(--outer-border-color);
  border-width: 1px 3px 3px 1px;
}

#site-content, #site-footer {
  width: 700px;
  position: relative;
  min-width: 310px;
  left: 240px;
}

#site-footer {
  margin: 10px;
  text-align: center;
  line-height: 1;
  color: var(--footer-color);
}

html {
  /* Otherwise, responsive crap... */
  overflow: 0;
  overflow-y: scroll;
}

html, body {
  line-height: 1.5;
  background-color: var(--distant-bg-color);
  color: var(--text-color);
  font-family: "Libertinus Sans", "Open Sans", sans-serif;
}

body {
  position: relative;
  width: 940px;
  display: block;
  margin-right: auto;
  margin-left: auto;
  margin-top: 120px;
  transition: margin .5s;
}

/* Hight adjustments */
@media (max-height: 600px) {
  body {
    /* Stick to the top */
    margin-top: 20px;
  }
}

/* Width adjustments */
@media (max-width: 1040px) {
  body {
    width: auto;
    margin-top: 40px;
    margin-left: 50px;
    margin-right: 290px;
  }
  #site-content, #site-footer {
    width: auto;
  }
}

@media (max-width: 750px) {
  /* reflow to vertical */
  #site-header {
    position: relative;
    margin-bottom: 20px;
    width: auto;
    min-width: 330px;
  }

  body {
    margin: 20px;
  }

  #site-content, #site-footer {
    left: 0;
  }
}

@media (max-width: 400px) {
  /* Drop the margins, add some padding */
  body {
    margin: 2px;
    width: auto;
  }

  #site-header {
    margin-bottom: 4px;
  }
}

#site-nav {
  white-space: nowrap;
  padding: 10px 20px;
}

#site-nav a {
  line-height: 1.2;
  text-decoration: none;
  font-size: 1.5rem;
  color: var(--text-color);
  width: 100%;
  display: block;
}

#site-nav a + a {
  padding-top: 10px;
}

#site-header:not(:hover) a.active:after, #site-header:hover a:hover:after {
  content: "«";
  color: var(--marker-color);
  right: 5px;
  position: absolute;
}

a {
  text-decoration: none;
  color: var(--link-color);
}

a:hover {
  color: var(--link-hover-color);
}

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

a:focus {
  outline: none;
}

#site-nav a, .header {
    font-variant: small-caps;
    text-transform: lowercase;
}
/**
 *  Copyright Steven Allen (2015)
 *
 *  This file is part of gazetta-bootstrap.
 *
 *  gazetta-bootstrap is free software:  you can redistribute it and/or modify
 *  it under the terms of the GNU General Public License (version 2) as
 *  published by the Free Software Foundation.
 *
 *  gazetta-bin is distributed in the hope that it will be useful,
 *  but WITHOUT ANY WARRANTY; without even the implied warranty of
 *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 *  GNU General Public License for more details.
 *
 *  You should have received a copy of the GNU General Public License
 *  along with gazetta-bootstrap.  If not, see <http: //www.gnu.org/licenses/>.
 */

#about {
    margin: 20px;
}

#about-name { font-weight: lighter }

#about-realname {
  font-size: 3.2em;
  line-height: 1;
}

#about-photo {
  margin-right: 20px;
  float: left;
}

#about-photo img {
  clip-path: inset(0% 0% 0% 0% round 5px);
  display: block;
  margin: 0;
  height: 124px;
  width: 124px;
}

#about-extra {
  font-size: .8em;
  text-align: left;
}

#about-extra th {
  padding-right: 1em;
  font-variant: small-caps;
}

#about-header { overflow: hidden }

#about-nicks {
  display: inline;
  color: var(--faded-color);
  font-size: 2.0em;
  line-height: 1.1;
}

#about-nicks li, #about-also li { display: inline }

#about-nicks > li + li:before, #about-also > li + li:before {
  content: ", ";
}

#about + #page-content {
    clear: both;
    padding-top: 0;
}
/**
 *  Copyright Steven Allen (2015)
 *
 *  This file is part of gazetta-bootstrap.
 *
 *  gazetta-bootstrap is free software:  you can redistribute it and/or modify
 *  it under the terms of the GNU General Public License (version 2) as
 *  published by the Free Software Foundation.
 *
 *  gazetta-bin is distributed in the hope that it will be useful,
 *  but WITHOUT ANY WARRANTY; without even the implied warranty of
 *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 *  GNU General Public License for more details.
 *
 *  You should have received a copy of the GNU General Public License
 *  along with gazetta-bootstrap.  If not,  see <http: //www.gnu.org/licenses/>.
 */
.content th {
  text-align: left;
  text-decoration: underline;
  border: 1px solid var(--content-border-color);
  padding: 2px 4px;
}

.content td {
  border: 1px solid var(--content-border-color);
  padding: 2px 4px;
}

.content thead {
  background-color: #f5f5f5;
  font-weight: 700;
}

.content img {
  display: block;
  margin: 20px auto 10px;
  max-width: calc(100% - 10px);
  border: 1px solid var(--content-border-color);
}

.content ul > li {
  list-style: disc outside;
  margin-left: 2em;
}

.content ol > li {
  list-style: numeric outside;
  margin-left: 2em;
}

.content ul, .content ol { margin-bottom: 1ex }
.content em { font-style: italic }
.content strong { font-weight: 700 }

.content hr {
  border: 0;
  border-top: 1px solid var(--content-border-color);
}

.content code { padding: 2px }

.content pre, .content code {
  color: var(--code-color);
  font-family: "JetBrains Mono";
  font-size: 0.9em;
}

.content pre, .content blockquote {
  background-color: var(--block-bg-color);
  max-height: 30em;
  overflow: auto;
  padding: 0.5em;
  margin-top: 2ex;
  margin-bottom: 2ex;
  border: 1px solid var(--content-border-color);
}

.content blockquote {
  border-left-width: 4px;
}

.content pre {
  margin-left: 1em;
  margin-right: 1em;
}

.content p {
  text-align: justify;
}

.content p + p {
  margin-top: 2ex;
}

.content h1 { font-weight: 300 }

.content h1, .content h2, .content h3, .content h4, .content h5 {
  border-bottom: 2px solid var(--content-border-color);
  margin-bottom: 1ex;
  margin-top: 1ex;
  width: 100%;
}

.content h1 {
  font-size: 1.8rem;
  line-height: 1.6;
}

.content h2 {
  font-size: 1.6rem;
  line-height: 1.6;
}

.content h3 {
  font-size: 1.4rem;
  line-height: 1.6;
}

.content h4 {
  font-size: 1.2rem;
  line-height: 1.6;
}

.content h5 {
  font-size: 1.1rem;
  line-height: 1.6;
}

.content sup {
  vertical-align: super;
  font-size-adjust: .4;
}

.content .footnote-reference > a::after { content: "]" }
.content .footnote-reference > a::before { content: "[" }
.content .footnote {
  font-size: 0.8em;
  padding: 1ex;
  padding-left: 1ex;
  border-left: 4px solid var(--content-border-color);
  color: var(--footnote-color);
  line-height: 1.0;
}

.content .footnote > * {
  display: inline;
}
/**
 *  Copyright Steven Allen (2015)
 *
 *  This file is part of gazetta-bootstrap.
 *
 *  gazetta-bootstrap is free software: you can redistribute it and/or modify
 *  it under the terms of the GNU General Public License (version 2) as
 *  published by the Free Software Foundation.
 *
 *  gazetta-bin is distributed in the hope that it will be useful,
 *  but WITHOUT ANY WARRANTY; without even the implied warranty of
 *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 *  GNU General Public License for more details.
 *
 *  You should have received a copy of the GNU General Public License
 *  along with gazetta-bootstrap.  If not, see <http://www.gnu.org/licenses/>.
 */

/* #page-content + #page-index { margin-top: 20px } */
#page-index > article {
  border: 1px solid;
  background: var(--item-bg-color);
  position: relative;
  border-color: var(--item-border-color);
  margin: 20px;
}
#page-index > article .title {
  border-bottom: 1px solid var(--content-border-color);
  font-weight: 300;
  line-height: 1.0;
  background: var(--block-header-color-alt);
}
#page-index .title h1 {
  background: var(--block-header-color);
  border-color: var(--item-border-color);
  padding: 0.8em;
  font-size: 1.8rem;
}

#page-index h2 {
  font-size: 1.4em;
  line-height: 1.8;
}
#page-index h3 {
  font-size: 1.2em;
  line-height: 1.8;
}
#page-index h4 {
  font-size: 1.1em;
  line-height: 1.8;
}
/**
 *  Copyright Steven Allen (2015)
 *
 *  This file is part of gazetta-bootstrap.
 *
 *  gazetta-bootstrap is free software: you can redistribute it and/or modify
 *  it under the terms of the GNU General Public License (version 2) as
 *  published by the Free Software Foundation.
 *
 *  gazetta-bin is distributed in the hope that it will be useful,
 *  but WITHOUT ANY WARRANTY; without even the implied warranty of
 *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 *  GNU General Public License for more details.
 *
 *  You should have received a copy of the GNU General Public License
 *  along with gazetta-bootstrap.  If not, see <http://www.gnu.org/licenses/>.
 */

#page-pagination {
  text-align: center;
  margin-bottom: 20px;
  width: 100%;
}
#page-pagination > div { display: inline-block }
#page-pagination > div > * {
  background: var(--pagination-bg-color);
  padding: 0.2em 1em;
  line-height: 1;
  text-decoration: none;
  border: 1px solid var(--content-border-color);
  border-left-width: 0;
}
#page-pagination > div > *:first-child {
  border-left-width: 1px;
}