@import url('https://fonts.googleapis.com/css2?family=VT323&display=swap');

:root {
  --pixelFontSize: 1.0em;
}

* {
    margin: 0;
}

body {
      min-height: 100%;
      line-height: 1.4em;
      background-color: black;
      color: white;
      padding: 1.5em;}

header {padding: 0; margin: 0;
      padding-right: 3em;
      color: white;}

figure {border: solid 2px lightslategray;
      margin: 0.5em;
      padding: 0.5em;
      display: inline-block;
      text-align: center;}

figcaption {text-align: left;}
figcaption::before {
      content: "    Figure: ";  /* u2003 x4 */
      /* font-weight: bold;  /1* Optional: make the "Figure" text bold *1/ */
      font-style: italic; /* Optional: make the "Figure" text italic */
}

/* images */

.image-size {
       width: 60%;

       border: solid #242424 2px;
       padding: 0.5em;
}

figcaption p {display: inline; }

h1 {
       padding-top: 1.0em;
       padding-bottom: 0.5em;
       padding-left: 2em;}
h1.title {
       padding: 0;
}
h1.title pre{ padding: 0;
       padding-left: 2em;
       }
h1 code {
       background-color: black;
       padding-bottom: 0;
       margin-bottom: 0;
}
a code {background-color: black;}
h2 {
       margin-top: 2em;
       padding-left: 4em;
       font-size: 1.1em;
       font-style: italic;
    }
h2.toc-title {
       margin-bottom: 2em;
    }

pre {display: box;
       padding-left: 11em;}

p {text-indent: 4em; margin-top: 1.5em; margin-bottom: 0.5em;}
ol {
       /* border: dashed 2px yellow; */
      margin-top: 1.5em;
      margin-bottom: 0.5em;
    }
ul {margin-top: 0.5em; margin-bottom: 0.5em;}
li p {text-indent: 0em;}

pre code {background-color: black;
      color: white;
      padding: 0.0em;
      font-size: var(--pixelFontSize);
      }

pre.title code {
      line-height: 0.8em;
      color: white;
      padding: 0.0em;
      font-size: 2em;
      }

pre.vim code {font-family: VT323;
      font-size: var(--pixelFontSize);
      background-color: black;
      color: #FFBF00;
      padding: 0.0em;
      }

code {font-family: VT323;
      background-color: #242424;
      color: #FFBF00; /* Amber */
      border-radius: 0.3em;
      padding: 0.35em;
      font-size: var(--pixelFontSize);
      font-weight: bold;
}

a.footnote-ref, a.footnote-back {
      padding-left: 0.2em;
      font-weight: bold;
      font-style: italic;
      text-decoration: none;
      color: steelblue;
}

/* footnotes actual text -- marker: */
section ol li::marker {
      color: steelblue;
      font-weight: bold;
      font-style: italic;
      font-size: 0.9em; /* Increase the size of the marker */
}

hr {
      margin-top: 1.5em;
      margin-bottom: 1.5em;
}

#further-reading {
      padding-bottom: 1.5em;
}
.footnotes {
      padding-top: 5em;
}

/* code {font-family: "BigBlue TerminalPlus"; */