:root {
  --bg: #000000;
  --accent-rgb: 210, 52, 37;
}

html,
body {
  min-height: 100%;
  margin: 0;
  background: var(--bg);
  overflow-x: clip;
}

#spaceGrid {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  pointer-events: none;
  background: #000;
}

body::before {
  content: "";
  position: fixed;
  inset: -20% -10% auto -10%;
  height: 56vh;
  pointer-events: none;
  z-index: 0;
  background:
    radial-gradient(60% 70% at 14% 20%, rgba(var(--accent-rgb), 0.28), transparent 72%),
    radial-gradient(60% 60% at 86% 18%, rgba(var(--accent-rgb), 0.2), transparent 76%);
  filter: blur(28px);
}

body.no-grid #spaceGrid {
  display: none !important;
}

body.no-grid::before {
  display: none;
}

main,
header,
section,
article,
form,
aside,
footer {
  position: relative;
  z-index: 1;
}