@font-face {
  font-family: "HK Grotesk-Light";
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/HKGrotesk-Light.otf") format("opentype");
}
@font-face {
  font-family: "HK Grotesk-Regular";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/HKGrotesk-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "HK Grotesk-Medium";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/HKGrotesk-Medium.otf") format("opentype");
}

/* The following line is used to measure usage of this code in production. For more info see our usage billing page */
@import url("https://px.animaapp.com/59b1ce509115d5000ce4c22b.5ea54f8097b4eed2060e7d3e.YkFqenr.hcp.png");

.screen textarea:focus,
.screen input:focus {
  outline: none;
}

.screen * {
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
}

.screen div {
  -webkit-text-size-adjust: none;
}

.screen a {
  display: contents;
  text-decoration: none;
}

.hidden,
.hidden * {
  pointer-events: none;
  visibility: hidden;
}

* {
  box-sizing: border-box;
}
