@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,
.k-text {
  font-family: "Joker", sans-serif;
}

:root {
  --color-salmon: #ff4f4b;
  --color-yellow: #d6ff00;
  --color-brown: #d6cfbe;
  --color-grey: #c4c9cc;
}

.k-panel-menu {
  background-color: var(--color-yellow);
}

.k-field-name-herotext .k-block-type-heading-input[data-level="h3"] .k-text {
  color: var(--color-salmon);
}

.k-field-name-herotext
  .k-block-container-fieldset-hero-heading:nth-child(odd)
  .k-text {
  text-align: right;
}
.k-field-name-herotext .k-block-type-heading-input[data-level="h2"] .k-text {
  text-align: center;
}