/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
 */
@font-face {
  font-family: "Geist";
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url("/assets/Geist[wght]-6dcff220.woff2") format("woff2-variations");
}

@font-face {
  font-family: "Geist";
  font-style: italic;
  font-display: swap;
  font-weight: 100 900;
  src: url("/assets/Geist-Italic[wght]-943cb760.woff2") format("woff2-variations");
}

@font-face {
  font-family: "GeistMono";
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url("/assets/GeistMono[wght]-2cb6f4fb.woff2") format("woff2-variations");
}
.text-outline {
  filter: drop-shadow(4px 4px 0px var(--color-yellow-200));
  /* color: black;
  text-shadow:
    4px 0 0 var(--color-yellow-200),
    0 4px 0 var(--color-yellow-200); */
}