body {
  margin: 0;
  padding: 0;
  font-family: Source Sans Pro; }

main {
  display: flex;
  flex-direction: column;
  min-height: 100vh; }

h1, h2, h3, h4, h5, h6 {
  font-family: Source Serif Pro;
  font-weight: 400;
  margin-top: 0;
  margin-bottom: 1rem; }

h1 {
  font-size: 2.5rem;
  line-height: 3rem; }

h2 {
  font-size: 2rem; }

h3 {
  font-size: 1.7rem; }

h4 {
  font-size: 1.4rem; }

h5 {
  font-size: 1.2rem; }

h6 {
  font-size: 1rem; }

h1 > a, h2 > a, h3 > a, h4 > a, h5 > a, h6 > a {
  margin-left: 0.5rem; }

.title {
  font-family: Source Serif Pro;
  font-size: 1rem;
  font-weight: 300;
  width: 100%; }

nav, footer {
  padding: 0 1.5rem;
  display: flex;
  flex-wrap: wrap;
  line-height: 2.5rem; }
  nav > h1, footer > h1 {
    font-size: 2.5rem; }
  nav > a, footer > a {
    margin-left: 1rem;
    white-space: nowrap; }

nav > a:first-child, footer > a:first-child {
  margin-left: 0; }

img {
  max-width: 100%; }

#content {
  margin-top: 2rem;
  margin-bottom: auto; }

.main-col {
  max-width: 78ch;
  margin-left: 0;
  margin-right: 0;
  padding: 0 1.5rem; }

.date {
  font-weight: 300;
  font-size: 0.85rem; }

.card {
  padding: 2.2rem 2.2rem 1rem 2.2rem;
  border-radius: 8px;
  text-decoration: none;
  transition: all 0.2s ease; }

.card-list {
  display: grid;
  gap: 1.5rem; }

.article-header {
  margin-bottom: 2rem; }

.article-content > h1, .article-content > h2, .article-content > h3, .article-content > h4, .article-content > h5, .article-content > h6 {
  border-bottom: 1px solid #3b4447; }

@media (prefers-color-scheme: dark) {
  /*!
 * Gist DarkCode ver 0.2.0
 * Copyright (c) 2017 KillerCodes.in
 * License: Free to use with this file header )
 *
 * src: https://gist.github.com/adimancv/eb2f4b46d3c95e6b8fe4dd52375236b2
 * additions:
 * - https://gist.github.com/adimancv/eb2f4b46d3c95e6b8fe4dd52375236b2#gistcomment-3595796
 * - https://gist.github.com/adimancv/eb2f4b46d3c95e6b8fe4dd52375236b2#gistcomment-3890098
 */
  .gist {
    font-size: 18px; }
  .gist-meta,
  .gist-file,
  .octotree_toggle,
  ul.comparison-list > li.title,
  button.button,
  a.button,
  span.button,
  button.minibutton,
  a.minibutton,
  span.minibutton,
  .clone-url-button > .clone-url-link {
    background: linear-gradient(#202020, #181818) !important;
    border-color: #383838 !important;
    border-radius: 0 0 3px 3px !important;
    color: #b5b5b5 !important;
    text-shadow: none !important; }
  .markdown-format pre,
  .markdown-body pre,
  .markdown-format .highlight pre,
  .markdown-body .highlight pre,
  body.blog pre,
  #facebox pre,
  .blob-expanded,
  .terminal,
  .copyable-terminal,
  #notebook .input_area,
  .blob-code-context,
  .markdown-format code,
  body.blog pre > code,
  .api pre,
  .api code,
  .CodeMirror,
  .highlight {
    background-color: #1D1F21 !important;
    color: #C5C8C6 !important; }
  .gist .blob-code {
    background: #000;
    border: 0;
    padding: 1px 10px !important;
    text-align: left; }
  ::selection {
    background: #24890d;
    color: #fff;
    text-shadow: none; }
  ::-moz-selection {
    background: #24890d;
    color: #fff;
    text-shadow: none; }
  .blob-num {
    border: 0;
    color: #6B6B6B !important;
    padding: 10px 8px 9px;
    text-align: right; }
  .blob-code,
  .blob-code-inner {
    color: #C5C8C6 !important; }
  .pl-c,
  .pl-c span {
    color: #969896 !important;
    font-style: italic !important; }
  .pl-c1 {
    color: #DE935F !important; }
  .pl-cce {
    color: #DE935F !important; }
  .pl-cn {
    color: #DE935F !important; }
  .pl-coc {
    color: #DE935F !important; }
  .pl-cos {
    color: #B5BD68 !important; }
  .pl-e {
    color: #F0C674 !important; }
  .pl-ef {
    color: #F0C674 !important; }
  .pl-en {
    color: #F0C674 !important; }
  .pl-enc {
    color: #DE935F !important; }
  .pl-enf {
    color: #F0C674 !important; }
  .pl-enm {
    color: #F0C674 !important; }
  .pl-ens {
    color: #DE935F !important; }
  .pl-ent {
    color: #B294BB !important; }
  .pl-entc {
    color: #F0C674 !important; }
  .pl-enti {
    color: #F0C674 !important;
    font-weight: 700 !important; }
  .pl-entm {
    color: #C66 !important; }
  .pl-eoa {
    color: #B294BB !important; }
  .pl-eoac {
    color: #C66 !important; }
  .pl-eoac .pl-pde {
    color: #C66 !important; }
  .pl-eoai {
    color: #B294BB !important; }
  .pl-eoai .pl-pde {
    color: #B294BB !important; }
  .pl-eoi {
    color: #F0C674 !important; }
  .pl-k {
    color: #B294BB !important; }
  .pl-ko {
    color: #B294BB !important; }
  .pl-kolp {
    color: #B294BB !important; }
  .pl-kos {
    color: #DE935F !important; }
  .pl-kou {
    color: #DE935F !important; }
  .pl-mai .pl-sf {
    color: #C66 !important; }
  .pl-mb {
    color: #B5BD68 !important;
    font-weight: 700 !important; }
  .pl-mc {
    color: #B294BB !important; }
  .pl-mh .pl-pdh {
    color: #DE935F !important; }
  .pl-mi {
    color: #B294BB !important;
    font-style: italic !important; }
  .pl-ml {
    color: #B5BD68 !important; }
  .pl-mm {
    color: #C66 !important; }
  .pl-mp {
    color: #81A2BE !important; }
  .pl-mp1 .pl-sf {
    color: #81A2BE !important; }
  .pl-mq {
    color: #DE935F !important; }
  .pl-mr {
    color: #B294BB !important; }
  .pl-ms {
    color: #B294BB !important; }
  .pl-pdb {
    color: #B5BD68 !important;
    font-weight: 700 !important; }
  .pl-pdc {
    color: #969896 !important;
    font-style: italic !important; }
  .pl-pdc1 {
    color: #DE935F !important; }
  .pl-pde {
    color: #DE935F !important; }
  .pl-pdi {
    color: #B294BB !important;
    font-style: italic !important; }
  .pl-pds {
    color: #B5BD68 !important; }
  .pl-pdv {
    color: #C66 !important; }
  .pl-pse {
    color: #DE935F !important; }
  .pl-pse .pl-s2 {
    color: #DE935F !important; }
  .pl-s {
    color: #B294BB !important; }
  .pl-s1 {
    color: #B5BD68 !important; }
  .pl-s2 {
    color: #c5c8c6 !important; }
  .pl-mp .pl-s3 {
    color: #B294BB !important; }
  .pl-s3 {
    color: #81a2be !important; }
  .pl-sc {
    color: #c5c8c6 !important; }
  .pl-scp {
    color: #DE935F !important; }
  .pl-sf {
    color: #DAD085 !important; }
  .pl-smc {
    color: #F0C674 !important; }
  .pl-smi {
    color: #c5c8c6 !important; }
  .pl-smp {
    color: #c5c8c6 !important; }
  .pl-sok {
    color: #B294BB !important; }
  .pl-sol {
    color: #B5BD68 !important; }
  .pl-som {
    color: #C66 !important; }
  .pl-sr {
    color: #C66 !important; }
  .pl-sra {
    color: #B294BB !important; }
  .pl-src {
    color: #B294BB !important; }
  .pl-sre {
    color: #B294BB !important; }
  .pl-st {
    color: #B294BB !important; }
  .pl-stj {
    color: #c5c8c6 !important; }
  .pl-stp {
    color: #DE935F !important; }
  .pl-sv {
    color: #DE935F !important; }
  .pl-v {
    color: #DE935F !important; }
  .pl-vi {
    color: #DE935F !important; }
  .pl-vo {
    color: #C66 !important; }
  .pl-vpf {
    color: #DE935F !important; }
  .pl-mi1 {
    background: rgba(0, 64, 0, 0.5) !important;
    color: #8F9D6A !important; }
  .pl-mdht {
    background: rgba(0, 64, 0, 0.5) !important;
    color: #8F9D6A !important; }
  .pl-md {
    background: rgba(64, 0, 0, 0.5) !important;
    color: #C66 !important; }
  .pl-mdhf {
    background: rgba(64, 0, 0, 0.5) !important;
    color: #C66 !important; }
  .pl-mdr {
    color: #DE935F !important;
    font-weight: 400 !important; }
  .pl-mdh {
    color: #C66 !important;
    font-weight: 400 !important; }
  .pl-mdi {
    color: #C66 !important;
    font-weight: 400 !important; }
  .pl-ib {
    background-color: #C66 !important; }
  .pl-id {
    background-color: #C66 !important;
    color: #fff !important; }
  .pl-ii {
    background-color: #C66 !important;
    color: #fff !important; }
  .pl-iu {
    background-color: #C66 !important; }
  .pl-mo {
    color: #c5c8c6 !important; }
  .pl-mri {
    color: #DE935F !important; }
  .pl-ms1 {
    background-color: #c5c8c6 !important; }
  .pl-va {
    color: #DE935F !important; }
  .pl-vpu {
    color: #DE935F !important; }
  .pl-entl {
    color: #c5c8c6 !important; }
  .CodeMirror-gutters {
    background: #222 !important;
    border-right: 1px solid #484848 !important; }
  .CodeMirror-guttermarker {
    color: #fff !important; }
  .CodeMirror-guttermarker-subtle {
    color: #aaa !important; }
  .CodeMirror-linenumber {
    color: #aaa !important; }
  .CodeMirror-cursor {
    border-left: 1px solid #fff !important; }
  .CodeMirror-activeline-background {
    background: #27282E !important; }
  .CodeMirror-matchingbracket {
    color: #fff !important;
    outline: 1px solid grey !important; }
  .cm-keyword {
    color: #f9ee98 !important; }
  .cm-atom {
    color: #FC0 !important; }
  .cm-number {
    color: #ca7841 !important; }
  .cm-def {
    color: #8DA6CE !important; }
  .cm-variable-2,
  span.cm-tag {
    color: #607392 !important; }
  .cm-variable-3,
  span.cm-def {
    color: #607392 !important; }
  .cm-operator {
    color: #cda869 !important; }
  .cm-comment {
    color: #777 !important;
    font-style: italic !important;
    font-weight: 400 !important; }
  .cm-string {
    color: #8f9d6a !important; }
  .cm-string-2 {
    color: #bd6b18 !important; }
  .cm-meta {
    background-color: #141414 !important;
    color: #f7f7f7 !important; }
  .cm-builtin {
    color: #cda869 !important; }
  .cm-tag {
    color: #997643 !important; }
  .cm-attribute {
    color: #d6bb6d !important; }
  .cm-header {
    color: #FF6400 !important; }
  .cm-hr {
    color: #AEAEAE !important; }
  .cm-link {
    color: #ad9361 !important;
    font-style: italic !important;
    text-decoration: none !important; }
  .cm-error {
    border-bottom: 1px solid red !important; }
  #notebook .highlight table {
    background: #1d1f21 !important;
    color: #c5c8c6 !important; }
  .highlight .hll {
    background-color: #373b41 !important; }
  .highlight .c {
    color: #969896 !important; }
  .highlight .err {
    color: #c66 !important; }
  .highlight .k {
    color: #b294bb !important; }
  .highlight .l {
    color: #de935f !important; }
  .highlight .h,
  .highlight .n {
    color: #c5c8c6 !important; }
  .highlight .o {
    color: #8abeb7 !important; }
  .highlight .p {
    color: #c5c8c6 !important; }
  .highlight .cm {
    color: #969896 !important; }
  .highlight .cp {
    color: #969896 !important; }
  .highlight .c1 {
    color: #969896 !important; }
  .highlight .cs {
    color: #969896 !important; }
  .highlight .gd {
    color: #c66 !important; }
  .highlight .ge {
    font-style: italic !important; }
  .highlight .gh {
    color: #c5c8c6 !important;
    font-weight: 700 !important; }
  .highlight .gi {
    color: #b5bd68 !important; }
  .highlight .gp {
    color: #969896 !important;
    font-weight: 700 !important; }
  .highlight .gs {
    font-weight: 700 !important; }
  .highlight .gu {
    color: #8abeb7 !important;
    font-weight: 700 !important; }
  .highlight .kc {
    color: #b294bb !important; }
  .highlight .kd {
    color: #b294bb !important; }
  .highlight .kn {
    color: #8abeb7 !important; }
  .highlight .kp {
    color: #b294bb !important; }
  .highlight .kr {
    color: #b294bb !important; }
  .highlight .kt {
    color: #f0c674 !important; }
  .highlight .ld {
    color: #b5bd68 !important; }
  .highlight .m {
    color: #de935f !important; }
  .highlight .s {
    color: #b5bd68 !important; }
  .highlight .na {
    color: #81a2be !important; }
  .highlight .nb {
    color: #c5c8c6 !important; }
  .highlight .nc {
    color: #f0c674 !important; }
  .highlight .no {
    color: #c66 !important; }
  .highlight .nd {
    color: #8abeb7 !important; }
  .highlight .ni {
    color: #c5c8c6 !important; }
  .highlight .ne {
    color: #c66 !important; }
  .highlight .nf {
    color: #81a2be !important; }
  .highlight .nl {
    color: #c5c8c6 !important; }
  .highlight .nn {
    color: #f0c674 !important; }
  .highlight .nx {
    color: #81a2be !important; }
  .highlight .py {
    color: #c5c8c6 !important; }
  .highlight .nt {
    color: #8abeb7 !important; }
  .highlight .nv {
    color: #c66 !important; }
  .highlight .ow {
    color: #8abeb7 !important; }
  .highlight .w {
    color: #c5c8c6 !important; }
  .highlight .mf {
    color: #de935f !important; }
  .highlight .mh {
    color: #de935f !important; }
  .highlight .mi {
    color: #de935f !important; }
  .highlight .mo {
    color: #de935f !important; }
  .highlight .sb {
    color: #b5bd68 !important; }
  .highlight .sc {
    color: #c5c8c6 !important; }
  .highlight .sd {
    color: #969896 !important; }
  .highlight .s2 {
    color: #b5bd68 !important; }
  .highlight .se {
    color: #de935f !important; }
  .highlight .sh {
    color: #b5bd68 !important; }
  .highlight .si {
    color: #de935f !important; }
  .highlight .sx {
    color: #b5bd68 !important; }
  .highlight .sr {
    color: #b5bd68 !important; }
  .highlight .s1 {
    color: #b5bd68 !important; }
  .highlight .ss {
    color: #b5bd68 !important; }
  .highlight .bp {
    color: #c5c8c6 !important; }
  .highlight .vc {
    color: #c66 !important; }
  .highlight .vg {
    color: #c66 !important; }
  .highlight .vi {
    color: #c66 !important; }
  .highlight .il {
    color: #de935f !important; }
  /* Make it work for .csv gists */
  .gist .markdown-body .csv-data th,
  .gist .markdown-body .csv-data td,
  .gist .markdown-body .csv-data .blob-num {
    background: #000;
    background-color: #000; }
  .gist .blob-interaction-bar .octicon-search > path {
    fill: #fff; }
  .gist .blob-interaction-bar > input {
    background: #000; }
  .gist .blob-interaction-bar {
    background: #000; }
  /* Hide `filename hosted with heart by GitHub` */
  .gist-meta {
    display: none; }
  /* Use dark background colour of the header and foorter */
  .gist .gist-data {
    background-color: #000;
    border-bottom: 1px solid #000; }
  body {
    background: #282828;
    color: #FFFAEA; }
  a {
    color: #5ac4cc; }
  .card {
    background: #282828;
    color: #FFFAEA;
    border: solid 1px #FFFAEA; }
    .card:hover {
      background: #222222; }
  nav {
    border-bottom: solid 1px #FFFAEA; }
  footer {
    border-top: solid 1px #FFFAEA;
    margin-top: 4rem; }
  .article-content > h1, .article-content > h2, .article-content > h3, .article-content > h4, .article-content > h5, .article-content > h6 {
    border-bottom: 1px solid #FFFAEA; } }

@media (prefers-color-scheme: light) {
  body {
    background: #FFFAEA;
    color: #3b4447; }
  a {
    color: #ef476f; }
  .card {
    background: #FFFAEA;
    color: #3b4447;
    border: solid 1px #3b4447; }
    .card:hover {
      background: #fffcf0; }
  nav {
    border-bottom: solid 1px #3b4447; }
  footer {
    border-top: solid 1px #3b4447; } }

@media (min-width: 50rem) {
  .card-list {
    grid-template-columns: 1fr 1fr; }
  .card:first-child {
    grid-column: span 2; } }

@media (min-width: 78ch) {
  .main-col {
    padding: 0;
    width: 100%;
    margin-left: auto;
    margin-right: auto; }
  nav, footer {
    flex-wrap: nowrap; } }

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