body {
  font-size: 1.08em;
  margin-left: 16em;
  overscroll-behavior: none;
}

body > article, body > footer {
  margin: 0 5em;
  padding: 2em 0;
  max-width: 50em;
}

body > header {
  display: block;
  position: fixed;
  background: #17181c;
  color: #fff;
  border: none;
  box-shadow: none;
  opacity: .98;
  margin: 0;
  padding: 2.2em 2em;
  width: 12em;
  top: 0;
  bottom: 0;
  left: 0;
}

nav {
  margin: 0 -2em;
}

nav a {
  display: block;
  margin: 0;
  padding: .5em 2em;
}

nav a:hover, nav a.selected {
  background: #212228;
  text-decoration: inherit;
}

body > header > a {
  display: block;
  font-size: 1.5em;
  margin-bottom: 1em;
}

article header h1 {
  font-size: 2em;
}

header > div {
  position: absolute;
  margin: 2em 0;
  bottom: 0;
}

.hidden {
  display: inline-block;
}