html {
  background: #343131;
  position: relative;
}

body {
  background: #fcfcfc;
  color: #404040;
  border: 4px solid orange;
  box-shadow: .5mm .5mm 4mm 2mm black;
  position: absolute;
  margin: auto;  left: 0;  right: 0;
  margin-top: 4.5em;
  margin-bottom: 4.5em; /* FIXME */
  max-width: 64ex;
  padding: 1em;
  font-family: Lato,proxima-nova,Helvetica Neue,Arial,sans-serif;
  font-weight: 400;
  line-height: 1.5em;
}

h1, h2, h3, h4, h5, h6 {
  font-family: Roboto Slab,ff-tisa-web-pro,Georgia,Arial,sans-serif;
  font-weight: 700;
}

h1 {
  text-align: center;
  color: #E72;
  text-decoration: underline;
  text-underline-offset: 16px;
  text-decoration-thickness: 6px;
  text-decoration-color: #343131;
  margin-bottom: 2em;
  /*position: sticky;  top: 0;*/
  /*background-color: #fcfcfc;*/
}

a {
  color: sienna;
  text-decoration: none;
  cursor: pointer;
}
a:hover, a:focus {
  color: black !important;
  background: #ffd000;
  outline: .5ex solid #ffd000;
}

blockquote {
  text-align: justify;
}

.email {
  font-family: SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,Courier,monospace;
  font-weight: bold;
  color: #E74C3C;
  margin-left: 1em;
}

.email-string {
  color: #4040A0;
}
.email-var {
  font-family: serif;
  font-style: italic;
  color: #E74C3C;
}