html, body { min-height: 100%; }

body::before{
  content:"";
  position: fixed;
  inset: 0;
  z-index:-2;
  background: url("./images/Main_Background.JPG") center center / cover no-repeat;
  filter: saturate(0.55) brightness(0.9) contrast(0.95);
  transform: scale(1.02);
}

body::after{
  content:"";
  position: fixed;
  inset: 0;
  z-index:-1;
  background: linear-gradient(
    to bottom,
    rgba(255,255,255,.70) 0%,
    rgba(255,255,255,.60) 30%,
    rgba(255,255,255,.55) 60%,
    rgba(255,255,255,.62) 100%
  );
  pointer-events:none;
}

@supports (backdrop-filter: blur(2px)){
  body::after { backdrop-filter: blur(2px); }
}