:root {
  --bg: #fdfaf3;
  --fg: #222;
  --lighter: #888;
  --em: #b8312a;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  font-family: Georgia, "Times New Roman", serif;
  max-width: 640px;
  margin: 4em auto 6em;
  padding: 0 1.5em;
  color: var(--fg);
  background: var(--bg);
  line-height: 1.55;
}

h1,
h2,
h5 {
  letter-spacing: 0.02em;
}

h5 {
  font-size: 0.85em;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  margin-bottom: 0.4em;
  font-weight: bold;
}

h1 {
  font-size: 2.6em;
  line-height: 1.1;
  margin: 0 0 1em;
  border-bottom: 3px double var(--fg);
  padding-bottom: 0.4em;
}

h1 em {
  font-style: normal;
  color: var(--em);
}

h2 {
  font-size: 1.5em;
  color: var(--em);
}

p {
  margin: 1.1em 0;
}

p span {
  color: var(--em);
}

.lede strong:first-child {
  font-size: 1.15em;
}

hr {
  border: none;
  text-align: center;
  margin: 2.5em 0;
  color: var(--lighter);
}

a {
  color: var(--em);
}

aside {
  position: absolute;
  bottom: 20px;
  right: 20px;
}