:root {
  --axis-page-overlay: rgba(2, 7, 18, 0.78);
}

html {
  min-height: 100%;
  background: #020712 url("/card_air.png") center center / cover fixed no-repeat;
}

body {
  min-height: 100vh;
  background: linear-gradient(var(--axis-page-overlay), var(--axis-page-overlay)),
    url("/card_air.png") center center / cover fixed no-repeat !important;
}

#root,
.site,
.site-shell,
.admin-shell,
.admin-login-page,
.member-access,
.member-shell,
.athlete-shell,
.trainer-shell,
.app-shell {
  background-color: transparent !important;
  background-image: none !important;
}

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

@media (prefers-reduced-motion: reduce) {
  html,
  body {
    background-attachment: scroll !important;
  }
}