html, body {
  font-family: 'Inter';
}

code {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  color: #EEE;
  background-color: #333;
  padding: 10px;
  font-size: 105%;
  display: block;
  white-space: pre;
  counter-reset: line;
  overflow: auto;
}

code > div {
  counter-increment: line;
  display: block;
  min-height: 1em;
}

code > div::before {
  content: counter(line) '\A0';
  display: inline-block;
  width: 4ch;
  text-align: left;
  -webkit-select: none;
  color: #666;
}

.reserved {
  font-weight: bold;
  color: #3498DB;
}

.methods {
  font-weight: bold;
  color: #1ABC9C;
}

.variable {
  color: orange;
}

.comment {
  color: gray;
}

.number {
  color: red;
}