/* ===============================
   ANIMATIONS & EFFECTS
================================ */

@keyframes twinkle {
  0%,
  100% {
    opacity: 0.35;
  }
  50% {
    opacity: 0.6;
  }
}

/* ===============================
   STARS BACKGROUND
================================ */

.stars {
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background-image:
    radial-gradient(2px 2px at 20px 30px, white, transparent),
    radial-gradient(2px 2px at 60px 70px, white, transparent),
    radial-gradient(1.5px 1.5px at 110px 150px, white, transparent),
    radial-gradient(1px 1px at 200px 80px, white, transparent);
  background-size: 200px 200px;
  animation: twinkle 6s infinite;
  opacity: 0.35;
}