body {
  margin: 0px; /* Cant believe this is standard :( */
}

:root {
  font-family: "HK Grotesk";

  /* If you update these, also update global.ts */

  --red: #ff7d7d;
  --darkRed: #ff3333;
  --green: #9bf2a4;
  --purple: #ca5aff;
  --black: #000000;
  --white: #ffffff;
}

::selection {
  background: #763cff; /* WebKit/Blink Browsers */
  color: #fcfcfc;
}

@font-face {
  font-family: "HK Grotesk";
  src: local("HK Grotesk"),
    url("./fonts/HKGroteskWide-SemiBold.otf") format("opentype");
}

@font-face {
  font-family: "PP Agrandir";
  src: local("PP Agrandir"),
    url("./fonts/PPAgrandir-Regular.otf") format("opentype");
}