@font-face {
     font-family: "Source Sans 3";
     font-weight: 200 900;
     src:url(/assets/ss3.woff2) format(woff2), url(/assets/ss3.ttf) 
}
 @font-face {
     font-family:"Source Sans 3";
     font-weight:200 900;
     font-style:italic;
     src:url(/assets/ss3i.woff2) format(woff2), url(/assets/ss3i.ttf) 
}
 :root {
     color:#d8d0d5;
     background:linear-gradient(#906d52e0,#34260bd0);
     font:500 14pt "Source Sans 3",sans-serif;
     min-height:100% 
}
 body {
     box-shadow:0 2px 8px #111a;
     max-width:300mm;
     margin: auto;
     overflow-wrap:anywhere;
}
 header, main, footer {
     overflow-x:hidden;
     background:linear-gradient(#151515 80%,#1a1a1a);
     padding:0 1em;
}
 header {
     background:#181818;
     border-bottom:1px solid #333 
}
 footer {
     font-weight:400;
     border-top:1px solid #333 
}
 header time {
     color:#909090 
}
 header p, footer p {
     color:#b5adb2 
}
 footer a {
     text-decoration:none 
}
 nav {
     text-align:right 
}
 nav ul {
     list-style-position:inside 
}
 h1, h2, h3 {
     margin:1rem 0 0;
     border-bottom:1px solid #333 
}
 h1 {
     font-size:1.8em;
}
 hr {
     border:1px solid #333;
     border-bottom:0 
}
 iframe {
     border:0 
}
 blockquote, p, ul {
     margin:1rem 0 
}
 blockquote {
     font-style:italic 
}
 pre, code {
     color:#97d0e8;
     font:12pt monospace;
     font-variant-ligatures:none 
}
 pre, .block {
     white-space:pre-wrap;
     background:#1d1d1d;
     border:1px solid #333;
     border-radius:4px;
     padding:8px;
     margin:1rem 0 
}
 .file {
     margin-bottom:0;
     border-bottom-style:dashed;
     border-bottom-left-radius:0;
     border-bottom-right-radius:0 
}
 .file+.sourceCode pre {
     margin-top:0;
     border-top:0;
     border-top-left-radius:0;
     border-top-right-radius:0 
}
 a code, p code, li>code, ol>code {
     background:#1d1922;
     padding:2px 4px;
     border:1px #30484a50 solid;
     border-radius:4px 
}
 ul li::marker {
     content:"\21a0  ";
     color:#979ae8 
}
 .footnotes p {
     margin:0 
}
 .footnote-back {
     margin-left:.5ch 
}
 .note, .warning {
     border-left:2px solid;
     padding:.5em 1em;
     background:#40404020 
}
 :is(.note, .warning) p {
     color:#d8d0d5;
     margin:.5em 0 
}
 .note {
     color:#979ae8 
}
 .note:before {
     content:"note:" 
}
 .warning {
     color:#e8d097 
}
 .warning:before {
     content:"warning:" 
}
 .note:before, .warning:before {
     font-variant:small-caps 
}
 sup {
     font-size:.7em 
}
 .footnote-ref {
     text-decoration:none 
}
 .footnote-ref sup {
     text-decoration:underline 
}
 .footnote-ref sup:before {
     content:"[" 
}
 .footnote-ref sup:after {
     content:"]" 
}
 .sourceCode {
     color:#d8d0d5 
}
 .bu {
     color:#e8d097 
}
 .st {
     color:#9be099 
}
 .dt, .ot, .op, .in {
     color:#97d0e8 
}
 .fu, .ex {
     color:#979ae8 
}
 .kw, .cf {
     color:#ca97e8 
}
 .dv, .pp, .va {
     color:#ee95d2 
}
 .co {
     color:#909090 
}
 a, a code, strong {
     color:#c5adcd 
}
 figure {
     margin-left: 0;
     margin-right: 0;
}
 img {
     max-width: 100%;
     height: auto;
}
 figure figcaption {
     text-align: center;
     font-style: italic;
}