.mt-32 {
  margin-top: 8rem;
}

@font-face {
  font-family: "Envy Code R";
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/fonts/envy-code-r-400.woff2) format("woff2");
}

@font-face {
  font-family: "Envy Code R";
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/fonts/envy-code-r-700.woff2) format("woff2");
}

@font-face {
  font-family: "Recursive";
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/fonts/recursive-latin-400-normal.woff2) format("woff2");
}

@font-face {
  font-family: "Recursive";
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/fonts/recursive-latin-700-normal.woff2) format("woff2");
}

:root {
  --foreground-rgb: 152, 163, 173;
  --background-start-rgb: 23, 23, 23;
  --background-end-rgb: 23, 23, 23;
}

body {
  font-family: "Envy Code R", monospace;
  font-size: 15px;
  color: rgb(var(--foreground-rgb));
  background: linear-gradient(to bottom,
      transparent,
      rgb(var(--background-end-rgb))) rgb(var(--background-start-rgb));
  max-width: 700px;
  margin: 2rem auto;
  padding: 0 1rem;
  line-height: 1.6;
}