body {
  margin: 0 0 2rem 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
  "Helvetica Neue", Arial, sans-serif;
  font-size: 16px;
}
header.intro {
  margin: 0 12px 4px 12px;
  background-color: #fff;
  color: #000;
  display: flow-root; /* prevent margin collapse */
  padding: 8px 12px 8px 12px;
}
strong {
  font-weight: 500;
}
body {
  background-color: #111;
  color: #bbb;
}
header {
  margin: 0 12px 4px 12px;
  background-color: #fff;
  color: #000;
  display: flow-root; /* prevent margin collapse */
}
header p {
  /* margin: 8px 12px 8px 12px; */
}
strong {
  font-weight: 500;
}
section {
  padding: 12px 0 12px 0;
}
section:not(:last-of-type) {
  border-bottom: 1px solid #333;
}
p,
h1,
h2 {
  font-weight: 400;
  font-size: 20px;
  margin: 16px 16px;
  line-height: 1.3;
  text-wrap: balance;
}
h2 {
  font-weight: 500;
  color: #eee;
  margin-top: 8px;
}
a {
  color: #ddd;
  text-decoration: none;
}
.inline {
  display: inline;
  margin: 0;
}
.link {
  font-size: 16px;
  display: inline-block;
  margin: 0px 16px;
}
.link a {
  text-decoration: underline;
}