body {
  max-width: min(90vw, 960px);
  margin: 0 auto;

  background-color: hsl(180deg, 100%, 7%);
  color: hsl(180deg, 100%, 98%);

  font-size: min(1rem, max(.875rem, 2vw))
}
a, a:link, a:visited {
  color: hsl(120deg, 100%, 70%);
}
a:hover {
  color: hsl(30deg, 100%, 70%);
}

h4:has(+ pre) {
  margin-bottom: 1em;
}
pre:has(code) {
  border: .125rem dashed hsl(180deg, 100%, 98%);
  background-color: hsl(180deg, 55%, 25%);
  padding: 2em 2em;
  margin: auto 2em;

  overflow-x: auto;
  scrollbar-width: thin;
  scrollbar-color: hsl(180deg, 100%, 90%) transparent;
}
@media screen and (max-width: 60rem) {
  pre:has(code) {
    padding: 2em 1em;
    overflow-x: scroll;
  }
}