/* ==========================================
   HAZZARDSMP PAGE BACKGROUND
   Loaded LAST on every page, so the logo sits
   behind everything else on the whole site.

   The site is dark only. This file is linked last
   on every page, so it wins over the body
   backgrounds the page stylesheets set for
   themselves.
   ========================================== */

body {
  color-scheme: dark;

  /* Each page keeps its own base colour. */
  background-color: var(--bg, #0c0517);

  /*
   * The logo is the bottom layer. The scrim over it is light, because
   * the artwork is dark to begin with - a heavy scrim would bury it.
   * The scrim fades to solid towards the bottom of the page, so the
   * artwork shows at the top and the long pages below it sit on plain
   * background.
   */
  background-image:
    radial-gradient(ellipse at 50% 0%, #48125255, transparent 50%),
    linear-gradient(180deg, rgba(12, 5, 23, .3) 0%, rgba(12, 5, 23, .7) 45%, var(--bg, #0c0517) 100%),
    url("/images/acersmp-logo.png");

  background-position: center top;
  background-repeat: no-repeat;

  /*
   * The logo is scaled to the width of the screen and keeps its shape.
   * "cover" would blow it up on a tall phone screen, where the whole
   * page is the background area.
   */
  background-size: 100% 100%, 100% 100%, 100% auto;
  background-attachment: fixed;
}