@font-face {
  font-family: "AvantGarde Md BT";
  src: url("/National_Library/20170919025152oe_/https://doublejim.github.io/fonts/AvantGarde Md BT.ttf"); }
html {
  height: 100%; }

body {
  background-color: #160e15;
  text-align: center;
  margin: auto;
  padding: 0; }
  body #blackspace {
    background-color: black;
    width: 100%;
    height: 1em; }
  body h1 {
    z-index: 3;
    position: absolute;
    background-color: black;
    color: white;
    font-family: Arial, serif;
    font-weight: bold;
    margin: auto;
    left: 0;
    right: 0;
    width: 8em;
    top: 1.5em;
    padding: 0.3em; }
  body h2 {
    z-index: 3;
    position: absolute;
    margin: auto;
    color: black;
    background-color: yellow;
    font-family: Arial, serif;
    font-weight: bold;
    font-size: medium;
    left: 16em;
    right: 0;
    width: 8em;
    top: 1.4em;
    transform: rotate(20deg); }
  body svg {
    vertical-align: top;
    margin-bottom: 0; }
  body #SVG {
    background-color: #293b19;
    margin-bottom: 0; }
    body #SVG #jsonwaxtext {
      font-family: "AvantGarde Md BT", arial, serif;
      font-size: medium;
      fill: #64ac24; }
  body #menucontainer {
    display: block;
    background: url("/National_Library/20170919025152oe_/https://doublejim.github.io/img/tile3.png"); }
    body #menucontainer #menu {
      background-color: black;
      opacity: 0.9;
      color: white;
      width: 100%;
      display: inline-block;
      padding-top: 0.5em;
      padding-bottom: 0.5em;
      box-shadow: 0 6px 6px -2px black; }
  body .MENU_ELEMENT {
    display: inline; }
    body .MENU_ELEMENT a {
      color: white;
      text-decoration: none;
      background-color: black;
      padding: 0.5em; }
      body .MENU_ELEMENT a:hover {
        color: #2fd5ff;
        text-decoration: underline;
        cursor: pointer; }
  body #content {
    margin: 0;
    background-color: #231b1b;
    color: white; }
    body #content nav {
      position: fixed;
      background-color: #22271d;
      border: 1px solid black;
      top: 11.5em;
      min-width: 10%;
      margin-left: 0.5em;
      padding: 0.4em;
      left: 0em;
      bottom: 0.5em;
      overflow-y: auto; }
      body #content nav a {
        display: block;
        color: white;
        text-decoration: none;
        margin: 0; }
        body #content nav a:hover {
          color: #2fd5ff;
          text-decoration: underline;
          cursor: pointer; }
    body #content #articles .narrow {
      max-width: 60%; }
    body #content #articles .wide {
      max-width: 70%; }
    body #content #articles article {
      background-color: #392f2f;
      border: 1px solid black;
      padding: 1em;
      margin: auto;
      margin-bottom: 0.5em;
      box-shadow: 2px 2px 4px 0px black; }
      body #content #articles article a {
        color: black;
        border-radius: 15px;
        font-weight: bold;
        text-decoration: none;
        background-color: #64ac24;
        padding: 1em;
        margin: 0.5em; }
        body #content #articles article a:hover {
          color: white;
          background-color: #2fd5ff;
          text-decoration: underline;
          cursor: pointer; }
      body #content #articles article h3 {
        padding-top: 0em;
        padding-bottom: 0.5em;
        margin: 0;
        color: white; }
      body #content #articles article h4 {
        font-family: Arial, serif;
        text-align: left;
        margin: 0;
        margin-left: 2em;
        padding: 0;
        margin-top: 0.5em;
        margin-bottom: 0.5em; }
      body #content #articles article p {
        font-family: "Calibri", serif;
        font-size: medium;
        margin: 0;
        margin-left: 2em;
        text-align: left; }
      body #content #articles article .code {
        font-family: monospace;
        display: block;
        text-align: left;
        min-width: 55%;
        max-width: 70%;
        padding: 0.5em;
        margin-left: 2em; }
        body #content #articles article .code .source {
          color: #cbf7b9;
          background-color: #271d26; }
        body #content #articles article .code .json {
          color: white;
          background-color: #6c3030; }
      body #content #articles article table {
        width: 100%;
        background-color: #6c3030; }
        body #content #articles article table tr th {
          background-color: #4b2323; }
  body footer {
    font-size: small;
    vertical-align: text-bottom;
    background-color: #231b1b;
    color: white;
    margin: auto;
    box-shadow: 0 3px 3px -2px black; }

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