:root {
  --color-dark0: #282828;
  --color-dark1: #3c3836;

  --color-light0: #fbf1c7;

  --color-red: #cc241d;
  --color-green: #98971a;
  --color-yellow: #d79921;
  --color-blue: #458588;
  --color-purple: #b16286;
  --color-aqua: #689d6a;
  --color-orange: #d65d0e;
}

body {
  margin: 1em;
  font-family: monospace, sans-serif, serif;
  font-size: 1em;
  color: var(--color-dark0);
}

header {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  padding-left: 1em;
  background: #eee;
}

header > h1 {
  font-size: 1em;
  font-weight: bold;
}

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

a:hover {
  color: var(--color-aqua);
  background-color: #eee;
}

blockquote {
  border-left: 1px solid #bdae93;
  margin: 0.5em 10px;
  padding: 0.5em 10px;
}