@font-face {
  font-family: "Rubik";
  font-style: normal;
  font-weight: 300 900;
  font-display: swap;
  src: url("fonts/rubik-latin.woff2") format("woff2");
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* colors from https://material-foundation.github.io/material-theme-builder/ */

main {
  font-family: "Rubik", sans-serif;
  min-height: 100vh;
  display: flex;
  justify-content: center;
  padding-top: 30vh;
  /* On Surface Color */
  color: #161d1d;
  /* Surface Color */
  background-color: #f4fbfa;
}

p {
  /* Theme Seed Color */
  color: #005f5f;
}