body {
  margin: 0;
  /* Fallback background color */
  background: #1A1613;
}

.grid-bg {
  position: fixed;
  inset: 0;
  /* Background base color */
  background-color: #E23950;
  /* Creates repeating circular cutouts using a radial gradient */
  background-image:
    radial-gradient(
      #1A1613 38px,
      transparent 40px
    );
    /* Controls spacing between circles */
  background-size: 70px 70px;
  /* Infinite diagonal scrolling */
  animation: scrollGrid 6s linear infinite;
  /* Keeps background behind all content */
  z-index: -1;
  /* Prevents accidental interaction */
  pointer-events: none;
}

@keyframes scrollGrid {
  from {
    background-position: 0 0;
  }

  to {
    /* Ending position creates diagonal movement */
    background-position: 70px 70px;
  }
}