@font-face {
    font-family: Karusama Gothic;
    src: url('/fonts/KarasumaGothic-Light.otf');
}

@font-face {
    font-family: Karusama Gothic;
    src: url('/fonts/KarasumaGothic-Bold.otf');
    font-weight: bold;
}

@font-face {
    font-family: Karusama Gothic;
    src: url('/fonts/KarasumaGothic-Italic.otf');
    font-style: italic;
}

@font-face {
    font-family: Karusama Gothic;
    src: url('/fonts/KarasumaGothic-BoldItalic.otf');
    font-style: italic;
    font-weight: bold;
}

body {
  font-family: 'Karusama Gothic', sans-serif;
  background-color: #451414;
  font-size: 16px;
  color: #fffeea;
}

h1 {
  text-align: center;
  color: #F5E364;
  font-size: 25px;
}

h2,
h3 {
    color: #F56464;
}


strong {
    /* this styles bold text */
    color: #F5E364;
}

p {
  color: #ffffff;
}

a {
    color: #F5E364;
    font-weight: bold;
}

li {
  padding-bottom: 5px;
  list-style: "🐭";
}

  .karusama-gothic-heading {
      font-family: "Karusama Gothic", sans-serif;
      src: url('/fonts/KarasumaGothic-Bold.otf');
      font-weight: bold;
  }