.gradient {
  background-image: linear-gradient(
    45deg,
    hsl(275deg 29% 40%) 0%,
    hsl(269deg 32% 38%) 8%,
    hsl(264deg 35% 35%) 17%,
    hsl(258deg 38% 33%) 25%,
    hsl(252deg 40% 33%) 33%,
    hsl(245deg 42% 33%) 42%,
    hsl(237deg 47% 32%) 50%,
    hsl(237deg 50% 28%) 58%,
    hsl(237deg 54% 24%) 67%,
    hsl(236deg 61% 20%) 75%,
    hsl(233deg 67% 17%) 83%,
    hsl(231deg 75% 14%) 92%,
    hsl(235deg 76% 12%) 100%
  );
}

.starfield {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  pointer-events: none;
}

.star {
  position: absolute;
  background-color: grey;
  border-radius: 50%;
  opacity: 0;
}

/* Animation */
@keyframes blink {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}