body {
  /*font-family: 'JetBrains Mono', monospace;*/
  font-family: "SF Mono";
  /*font-style: italic;*/
  /*@font-face {
    font-family: "JetBrains Mono";
    src: url("./fonts/JetBrainsMono-Regular.woff2");
  }*/
  @font-face {
    font-family: "SF Mono";
    src: url("./fonts/SF-Mono-RegularItalic.woff2");
  }
}
html {
  height: 100%;
  box-sizing: border-box;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

body {
  position: relative;
  margin: 0;
  padding-bottom: 6rem;
  min-height: 100%;
}

footer {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1rem;
  text-align: center;
}

.center {
  display: grid;
  place-items: center;
}