/* Make the header bg full width, but the content inline with body */
body > div > header {
  background-color: var(--accent-bg);
  border-bottom: 1px solid var(--border);
  text-align: center;
  padding: 0 0.5rem 2rem 0.5rem;
  grid-column: 1 / -1;
}

body > div > header > *:only-child {
  margin-block-start: 2rem;
}

body > div > header h1 {
  max-width: 1200px;
  margin: 1rem auto;
}

body > div > header p {
  max-width: 40rem;
  margin: 1rem auto;
}

div.spacer {
  height: 40px;
}

div.spacer-mini {
  height: 20px;
}

i {
  margin-left: 5px;
  margin-right: 5px;
  color: var(--code)
}

footer {
  opacity: 0.65;
}