* {
  font-family: monospace;
  font-size: 15pt;
}

html {
  background-color: #1e1e2e;
  color: #cdd6f4;
}

body {
  margin: 1em auto;
  max-width: 80ch;
}

h1 {
  color: #cba6f7;
  &::before {
    content: '# ';
  }
}

h2 {
  color: #a6e3a1;
  &::before {
    content: '## ';
  }
}

h3 {
  color: #f9e2af;
  &::before {
    content: '### ';
  }
}

pre {
  color: #a6adc8;
}

p {
  max-width: 78ch;
}

a {
  display: block;
  color: #b4befe;
  text-decoration: none;
  &::before {
    content: '=> ';
    color: #cdd6f4;
  }
}


@media (max-width: 82ch) {
  body {
    margin: 1em 1ch;
  }
}