body {
    background-color: rgb(31, 31, 31);
    color: grey;
    padding-top: 1em;
    padding-left: 1em;
    padding-bottom: 2em;
    padding-right: 1em;
    display: table-cell;
    vertical-align: middle;
  }
  html {
    display: table;
    margin: auto;
    max-width: 1200px;
    min-width: 300px;
}
p {
  line-height: 1.3;
}
  ul {
    line-height: 1.3;
  }

  ol {
    line-height: 1.3;
  }

  h1 a,
  h2 a,
  h3 a,
  h4 a,
  h5 a,
  h6 a {
    color: grey;
    text-decoration: none;
  }
  
  a {
    color: #e6dead;
    text-decoration: none;
  }
  
  a:hover {
    color: #8b7325;
  }

  table,
  th,
  td {
    border: 1px solid;
    padding: 0.5em;
  }
  
  h2,
  h3,
  h4,
  h5,
  h6 {
    padding-top: 0.5em;
  }
  
  h1 {
    font-size: 260%;
  }
  h2 {
    font-size: 220%;
  }
  
  h3 {
    font-size: 190%;
  }
  
  h4 {
    font-size: 150%;
  }
  
  h5 {
    font-size: 120%;
  }
  
  h6 {
    font-size: 100%;
  }
  
  div h2,
  div h3,
  div h4,
  div h5,
  div h6 {
    padding-top: 0em;
  }
  img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    height: auto;
    /* Magic! */
    max-width: 90vw;
    padding-top: 2em;
    padding-bottom: 2em;
  }
  code {
    color: blue;
    font-weight: bolder;
    font-size: 140%;
    background-color: rgb(153, 152, 152);
    padding-left: .2em;
    padding-right: .2em;
    padding-top: .05em;
    padding-bottom: .05em;
  }