html {
  background: #000;
}

body {
  background: transparent;
}

body::before {
  background: linear-gradient(
    180deg,
    #000 0%,
    #000 24%,
    #0b0710 34%,
    #170d20 53%,
    #0d0812 72%,
    #000 92%,
    #000 100%
  );
  z-index: -2;
}

body::after {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  left: 0;
  height: 520px;
  pointer-events: none;
  background: linear-gradient(
    180deg,
    #000 0%,
    #000 76%,
    rgba(0, 0, 0, .96) 84%,
    rgba(0, 0, 0, 0) 100%
  );
}

.hero {
  background: #000;
  border-bottom: 0;
}

.hero-glow {
  display: none;
}

footer {
  background: #000;
}