@font-face {
  font-family: "Joker";
  src: url("/assets/fonts/Jokker-Medium.woff") format("woff");
  font-weight: normal;
}
@font-face {
  font-family: "Joker";
  src: url("/assets/fonts/Jokker-Semibold.woff") format("woff");
  font-weight: bold;
}
body {
  font-family: "Joker", sans-serif;
  font-size: var(--font-size-body);
}

h1,
.h1 {
  font-size: var(--font-size-h1);
  font-weight: normal;
}

h2,
.h2 {
  font-size: var(--font-size-h2);
  font-weight: normal;
}

h3,
.h3 {
  font-size: var(--font-size-h3);
  font-weight: normal;
}

h4,
.h4 {
  font-size: var(--font-size-h4);
  font-weight: 500;
}

h5,
.h5 {
  font-size: var(--font-size-h5);
  font-weight: 600;
}

input {
  font-family: "Joker", sans-serif;
  font-size: inherit;
  color: #000 !important;
}