/* GLOBAL AURADON BACKGROUND — uses the exact image supplied for this project. */
html{
  min-width:320px;
  background:#020711;
}

body{
  background-color:#020711 !important;
  background-image:linear-gradient(180deg,rgba(1,6,18,.34),rgba(1,6,18,.58)),url("./assets/site-background.jpg") !important;
  background-position:center center !important;
  background-size:cover !important;
  background-repeat:no-repeat !important;
  background-attachment:fixed !important;
  background-origin:border-box;
  background-clip:border-box;
}

/* Decorative layers stay above the supplied image but never intercept interaction. */
body::before,
body::after{
  pointer-events:none !important;
}

@media (max-width:760px){
  body{
    background-attachment:scroll !important;
    background-position:center center !important;
  }
}