body {
  background-color: #1e1e2e;
  font-family: Pixeloid;
  color: #cdd6f4;
}

a {
  color: unset;
  text-decoration: underline;
  text-decoration-color: #89b4fa;
  text-underline-offset: 1px;
  transition: text-underline-offset 0.3s ease;

  &:hover {
    text-underline-offset: 3px;
  }

  &:active {
    display: inline-block;
    transform: scale(.98);
  }
}

.mono {
  font-family: "Monocraft", monospace;
  color: #9399b2;
}

@font-face {
  font-family: Monocraft;
  src: url("/static/font/Monocraft.ttc");
}

@font-face {
  font-family: Pixeloid;
  src:
    url("/static/font/Pixeloid/woff/Sans.woff2") format("woff2"),
    url("/static/font/Pixeloid/otf/Sans.otf") format("opentype");
}