/* Site-wide Halloween background. Loaded on every page while «Хэллоуинский фон» is on in the admin.
   Pages keep their own layout; only the page background and corner cobwebs change.
   site-bg.png tiles seamlessly downwards, so it covers pages of any length. */
html body {
  background-color: #070913;
  background-image: url("/halloween/home/site-bg.png");
  background-position: center top;
  background-size: max(1920px, 100%) auto;
  background-repeat: repeat-y;
}

html body::before,
html body::after {
  content: "";
  position: fixed;
  top: 0;
  z-index: 2147483000;
  width: 200px;
  height: 200px;
  background: center / contain no-repeat;
  opacity: 0.45;
  pointer-events: none;
}
html body::before { left: 0; background-image: url("/halloween/home/web-top-left.png"); }
html body::after { right: 0; background-image: url("/halloween/home/web-top-right.png"); }

@media (max-width: 760px) {
  html body { background-image: url("/halloween/home/site-bg-mobile.png"); background-size: 100% auto; }
  html body::before, html body::after { width: 110px; height: 110px; opacity: 0.4; }
}

@media print {
  html body { background: #fff; }
  html body::before, html body::after { display: none; }
}