:root {
  --text-color: #eee;
  --background-color: #121415;
  --code-background-color: #0a0a0a;

  --accent-color: #d55;

  --font-family: "Cascadia Code", monospace;

  --link-color: #d55;
  --visited-link-color: #a22;
}

html {
  display: flex;
  justify-content: center;
  align-content: center;

  color: var(--text-color);
  background-color: var(--background-color);

  font-family: var(--font-family);
  text-indent: 1em;
}

body {
  margin: 50px;
  width: 100%;
  max-width: 800px;
}

/* Code */

pre code,
pre code span {
  padding: 0;
  margin: 0;
}

pre.sourceCode, code {
  background-color: var(--code-background-color);
  padding: 0.3em 0.6em;
  border-radius: 0.6em;
}

/* Links */

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

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