@font-face {
  font-family: "Geist Mono";
  src: url("GeistMono-VariableFont_wght.ttf");
  font-style: normal;
}
@font-face {
  font-family: "Geist Mono";
  src: url("GeistMono-Italic-VariableFont_wght.ttf");
  font-style: italic;
}

:root {
  --mp-font: "Geist Mono";
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html, body {
  height: 100%;
  font-family: var(--mp-font);
}
body {
  align-content: center;
  text-align: center;
}
h1 {
  font-weight: 100;
  font-size: 5rem;
}