/* @media (prefers-dark-interface) {
  color: white;
  background: black;
} */

body {
  /* font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu; */
  font-family: -apple-system, BlinkMacSystemFont, cursive;
  /* font-family: cursive; */
  color: white;
  background-color: black;
}
a {
  color: inherit;
  text-decoration: inherit;
  display: block;
  margin: 10px;
}

.home-button {
  color: #4fc1ff;
}

.table {
  max-height: 200px;
}

pre {
  background-color: rgb(58, 58, 58);
}
.hljs-comment {
  color: #2b8a18;
}
.hljs-keyword {
  color: #4fc1ff;
}
.hljs-string {
  color: #ce9178;
}
.hljs-title,
.hljs-built_in {
  color: #4ec9b0;
}
.hljs-number {
  color: #b5cea8;
}

/* language tabs */
[type="radio"] {
  display: none;
}
.tabs label + div {
  display: none;
  order: 2;
}
.tabs [type="radio"]:checked + label + div {
  display: block;
  width: 100%;
}
.tabs {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.tabs label {
  cursor: pointer;
  order: 1;
  margin: 5px;
  padding: 0 10px 0 10px;
  background-color: hsl(0, 0%, 11%);
}
.tabs label:hover {
  background-color: hsl(135, 40%, 11%);
}