body {
  background-color: #efedea;
  background-image: url('data:image/svg+xml;utf8,<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="1" height="1" fill="%23a29d99"/></svg>');
  font-family: Sono, monospace;
  font-size: 16px;
}

h1,
h2,
h3 {
  font-family: Staatliches;
  margin-bottom: 0;
}

header,
main,
footer {
  max-width: 720px;
  margin: 0 auto;
}

header,
footer {
  text-align: center;
  margin: 4rem auto;
}

footer {
  color: #aaa;
}

main {
  column-count: 2;
  column-width: 8cm;
  column-gap: 1cm;
  column-fill: balance;
}

p {
  line-height: 24px;
}

p.new-col {
  break-before: column;
  margin-top: 0;
}

em,
strong {
  white-space: nowrap;
}

em {
  text-transform: uppercase;
  padding: 1px 8px;
  color: #211f1d;
  background-color: #bdd;
  display: inline-block;
  margin: 16px 0;
}

ul {
  list-style: '–';
  list-style: square;
  padding-left: 0;
  margin-top: -16px;
}

small {
  text-transform: lowercase;
  font-variant: small-caps;
  font-style: italic;
  font-size: 1rem;
}

a {
  color: #22a2a2;
}
a:hover {
  text-decoration: none;
}

body ::selection {
  color: #000;
  background-color: #cdd;
}