@font-face {
  font-family: HK Grotesk;
  src: url("https://cdn.glitches.me/HKGrotesk-Regular.otf")
    format("opentype");
}
@font-face {
  font-family: HK Grotesk;
  font-weight: bold;
  src: url("https://cdn.glitches.me/HKGrotesk-Bold.otf")
    format("opentype");
}

html,
body {
  font-family: "HK Grotesk", arial, sans-serif;
  margin: 0em;
  color: #000;
  background-color: #fff;
  font-size: 1.2em;
  width: 100%;
  height: 100%;
  display: flex;
}

* {
  box-sizing: border-box;
}

a {
  color: black;
}

a:hover {
  background-color: black;
  color: white;
  
}