/*
 * 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.
 */

/* Franchise Bold: the display font since 2013. Propshaft fingerprints the url()
   references below against app/assets/fonts. */
@font-face {
  font-family: "Franchise";
  src: url("/assets/franchise-bold-webfont-0c3e5374.woff") format("woff"),
       url("/assets/franchise-bold-webfont-d5dc0fa4.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

.font-franchise {
  font-family: "Franchise", Georgia, "Times New Roman", serif;
  letter-spacing: 0.01em;
}

/* The wallpaper: a poster collage that fades to white, top-aligned over a white
   page. The fade is baked into the PNG itself. */
body {
  background-color: #ffffff;
  background-image: url("/assets/bodybg-e0a7dad8.png");
  background-repeat: no-repeat;
  background-position: top center;
}