@font-face {
  font-family: "suisse-sans";
  font-weight: 400;
  src: url("./assets/fonts/SuisseIntlMono-Regular-WebS.woff2") format("woff2"),
       url("./assets/fonts/SuisseIntlMono-Regular-WebS.woff") format("woff");
  font-display: swap;
}

html, body {
  margin: 0;
  padding: 0;
  background-color: #f2f2f2;
  color: #000000;
  font-family: "suisse-sans", monospace;
  font-size: 11pt;
  line-height: 16pt;
  letter-spacing: -0.03em;
  height: 100%;
  width: 100%;
}

main {
  position: absolute;
  top: 40px;
  left: 40px;
}

a {
  color: inherit;
  text-decoration: none;
}

@media (max-width: 480px) {
  /* optional subtle scaling for very small devices */
  body {
    font-size: 10pt;
    line-height: 15pt;
  }

  main {
    top: 24px;
    left: 24px;
  }
}