body {
  font-family: sharp-grotesk-19, bitstream vera sans mono, lucida console, Terminal, monospace, sans-serif;

  font-size: 100%;
  background-color: white;
  color: #010101;
  width: 90%;
  min-width: 350px;
  max-width: 1000px;
  min-height: 200px;
  padding: 1em;
  margin: 1% 1%;
  border: thin solid grey;
  border-radius: 5px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

footer {
  font-size: 82%;
}

li { margin-block: 10px; }

a:link, a:visited    { color: darkred; text-decoration: none; padding: 0 1px; }
a:hover, a:active   { color: red; background-color: lightgray; text-decoration: underline; }


h1 a { color: inherit !important }
h2 a { color: inherit !important }
h3 a { color: inherit !important }
h4 a { color: inherit !important }
h5 a { color: inherit !important }
h6 a { color: inherit !important }

#menu li {
    display: inline;
}

#post-list {
    margin-bottom: 1em;
    margin-top: 1em;
}

pre {
    margin: 2em 1em 2em 4em;
    white-space: pre-wrap;
}