@font-face {
  font-family: "Noto Sans";
  src: url("../assets/NotoSans.ttf");
  font-display: swap;
}

:root {
  --bg-color: rgba(15 15 20);
  --fg-color: rgba(255 255 255);
  --hl-color: rgba(226 72 209);
  --ll-color: rgba(160 178 192);
  --dimmed-fg-color: rgba(146 146 144);
}

html {
  background-color: var(--bg-color);
  color: var(--fg-color);
  font-family: "Noto Sans", sans-serif;
  font-size: 14px;
}

a {
  text-decoration: none;
  &:link,
  &:visited {
    color: white;
  }
  &:hover {
    color: var(--hl-color);
  }
}

p {
  color: var(--dimmed-fg-color);
  font-size: 1.2rem;
}

h1 {
  font-size: 4rem;
  font-variant: small-caps;
}

h2 {
  font-size: 3rem;
  font-weight: 300;
  font-variant: small-caps;
  margin-bottom: 1rem;
}

button {
  cursor: pointer;
}