:root {
  font-family: Arial, sans-serif;
  --unit: calc(1vw + 0.3vh);
  --color-highlight: #3a32d6;
  --color-highlight-compliment: #ffffff;
  --color-link: #ac30eb;
}

h1, h2 {
  color: var(--color-highlight);
}

h1 {
  font-size: 1.8rem;
}

a {
  color: var(--color-link);
}

button {
  background: var(--color-highlight);
  color: var(--color-highlight-compliment);
  border: none;
  padding: 0.4rem 1.2rem;
}

.codeblock, .code {
  background: #e7fbff !important;
  padding: 3px 0;
  overflow: auto;
}

.codeblock .token-line {
  padding: 0 3px;
}

.codeblock .odd-line {
  background: #d4edff;
}