@font-face {
  font-family: magicRetro;
  src: url(/static/fonts/magic_retro/Magic_Retro.ttf);
}

@font-face {
  font-family: "PalmerLakePrint";
  src: url("/static/fonts/palmer_lake/PalmerLakePrint-Regular.woff2")
    format("woff2");
  font-display: swap; /* or fallback or optional based on your preference */
}

@font-face {
  font-family: "BobbyJonesSoft";
  src: url("/static/fonts/bobby_jones/Bobby Jones Soft.otf");
}

@font-face {
  font-family: "BobbyJonesCondensed";
  src: url("/static/fonts/bobby_jones/bobby-jones-condensed.otf");
}

.font-magic {
  font-family: magicRetro;
}

.font-palmer {
  font-family: PalmerLakePrint;
}

.font-bobby-soft {
  font-family: BobbyJonesSoft;
}

.font-bobby-condensed {
  font-family: BobbyJonesCondensed;
}

.bg-yellow {
  background-color: #ffb400;
}

.bg-light-yellow {
  background-color: #f8c06d;
}

.bg-orange {
  background-color: #ff7c15;
}

.bg-magenta {
  background-color: #ed4672;
}

.bg-pink {
  background-color: #ff9aba;
}

.bg-beige {
  background-color: #ffdac5;
}

.text-yellow {
  color: #ffb400;
}

.text-light-yellow {
  color: #f8c06d;
}

.text-orange {
  color: #ff7c15;
}

.text-magenta {
  color: #ed4672;
}

.text-pink {
  color: #ff9aba;
}

.text-beige {
  color: #ffdac5;
}