.grain,
.bg-canvas {
  display: none;
}

body {
  background:
    linear-gradient(
      -130deg,
      transparent 35%,
      rgba(255, 0, 70, 0.95) 45%,
      rgba(255, 0, 70, 0.95) 55%,
      transparent 65%
    ),
    radial-gradient(circle at 30% 20%, rgba(255, 0, 80, 0.6), transparent 40%),
    radial-gradient(circle at 80% 20%, rgba(120, 0, 255, 0.7), transparent 45%),
    radial-gradient(circle at 20% 80%, rgba(120, 0, 255, 0.7), transparent 50%),
    linear-gradient(130deg, #ff0040 0%, #7a00ff 50%, #1a0033 100%);
  background-attachment: fixed;
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  background: linear-gradient(
    90deg,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0) 60%
  );
  pointer-events: none;
  z-index: 0;
}

body::after {
  content: "";
  position: fixed;
  inset: 0;
  background-image: url(https://i.imgur.com/xKBGSwH.png);
  background-repeat: repeat;
  opacity: 0.12;
  pointer-events: none;
  z-index: 0;
}