h1 {
  font-size: 1em;
}
body {
  font-size: 1rem;
  margin: 0;
  font-family: monospace;
  background: #eee;
}
nav a {
  color: #214e60;
  background: rgb(53, 138, 150);
  border-radius: 1em;
  padding: .25em .75em;
  line-height: 1;
  text-decoration: none;
}
header {
  background: #214e60;
  color: paleturquoise;
  padding: 20px;
}
nav {
  display: flex;
  gap: 20px;
}
.active {
  background: paleturquoise;
}
.code {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap:1em;
  background: #2a3248;
  padding: 1em;
  margin: 0 0px 2em;
}

pre {
  background-color: rgb(248, 248, 248);
  margin: 0;
  overflow: auto;
  border-radius: .25em;
  max-height: 25em;
  font-family: "Fira Code", "Consolas", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace;
  direction: ltr;
  text-align: left;
  white-space: pre;
  word-spacing: normal;
  word-break: normal;
  font-size: .8em;
  line-height: 1.4;
  padding: .5em;
}