@font-face {
  font-family: Prattling;
  src: url('/fonts/Prattling.otf');
}

.Prattling {
  font-family: "Prattling";
  font-variant-ligatures: discretionary-ligatures;
  -moz-font-feature-settings: "dlig";
  -ms-font-feature-settings: "dlig";
  -webkit-font-feature-settings: "dlig";
  font-feature-settings: "dlig";
}

@font-face {
  font-family: Furfur;
  src: url('/fonts/Furfur.otf');
}

.Furfur {
  font-family: "Furfur";
  font-variant-ligatures: discretionary-ligatures;
  -moz-font-feature-settings: "dlig";
  -ms-font-feature-settings: "dlig";
  -webkit-font-feature-settings: "dlig";
  font-feature-settings: "dlig";
}

@font-face {
  font-family: Gaeian_Serif_A;
  src: url('/fonts/Gaeian_Serif_A.otf');
}

.Gaeian_Serif_A {
  font-family: "Gaeian_Serif_A";
  font-variant-ligatures: discretionary-ligatures;
  -moz-font-feature-settings: "dlig";
  -ms-font-feature-settings: "dlig";
  -webkit-font-feature-settings: "dlig";
  font-feature-settings: "dlig";
}

@font-face {
  font-family: Gatel;
  src: url('/fonts/Gatel.otf');
}

.Gatel {
  font-family: "Gatel";
  font-variant-ligatures: discretionary-ligatures;
  -moz-font-feature-settings: "dlig";
  -ms-font-feature-settings: "dlig";
  -webkit-font-feature-settings: "dlig";
  font-feature-settings: "dlig";
}

.font-example {
  padding-left: 1ex;
  padding-right: 1ex;
  border: var(--border);
  border-radius: 1ex;
  background-color: var(--background-lighter);
  display: inline-block;
}

textarea {
  font-family: inherit;
  font-size: 1.5em;
}

.font-section-title {
  font-size: x-large;
  font-weight: bold;
}