body {
  line-height: 1.6;
  max-width: 90ex;
  margin:auto;
  font-family: 'cochin','baskerville', 'palatino', serif;
} /* */

h1,h2,h3,h4,h5,h6 {
  font-weight: normal;
  font-family: 'bodoni 72 oldstyle', serif;
  margin-bottom:0;
}

body > header {
  text-align: center;
  padding:4em 0;
}

a {
  text-decoration: none;
  color: inherit;
}

article a {
  text-decoration: underline;
}

a:hover {
  text-decoration: underline;
}

time {
  color:#262626;
  font-size:0.8em;
}

pre,code {
  background-color: whitesmoke;
}

pre {
  word-wrap: normal;
  padding:1em;
  overflow: auto;
  font-size: 85%;
  line-height: 1.45;
}

hr {
  width:50%;
  margin:2em auto;
}

figure {
  text-align: center;
}

img {
  margin: 2em auto;
  max-width: 100%;
  display: block;
}

@media (prefers-color-scheme:dark) {
  body {
    color:whitesmoke;
  }

  body {
    background: #121212;
  }

  time {
    color: #bababa;
  }

  pre, code {
    background-color: #262626;
  }
}