.code {
  background-color: #2b303b;
  color: #c0c5ce;
  padding: 0.75rem;
  border-radius: 6px;
  overflow: auto;
  line-height: 1.4;
}

.code code {
  font-family: "Fira Code", "Consolas", "Monaco", monospace;
  font-size: 0.95em;
  line-height: inherit;
  padding: 0;
}

.code .line {
  display: block;
}

.code .kw {
  color: #b48ead;
}

.code .str {
  color: #a3be8c;
}

.code .num {
  color: #d08770;
}

.code .const {
  color: #d08770;
}

.code .com {
  color: #65737e;
  font-style: italic;
}

.code .fn {
  color: #8fa1b3;
}

.code .type {
  color: #96b5b4;
}

.code .var {
  color: #bf616a;
}

.code .punct {
  color: #c0c5ce;
}

.code .id {
  color: #c0c5ce;
}