/* Yıldız bölümü container */
.rgb-stars {
  position: relative;
  width: 100%;
  height: 100%; /* Gerekirse değiştir */
  overflow: hidden;
}

.star {
  position: absolute;
  border-radius: 50%;
  width: 4px;
  height: 4px;
  background: transparent;
  box-shadow: 0 0 0px transparent;
  opacity: 0;
  animation: twinkle 3s infinite ease-in-out, rgbShift 6s infinite linear;
}

@keyframes twinkle {
  0%, 100% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
    transform: scale(1.5);
  }
}

@keyframes rgbShift {
  0% {
    box-shadow: 0 0 10px #ff0000;
    background: #ff0000; /* Kırmızı */
  }
  16% {
    box-shadow: 0 0 10px #00ff00;
    background: #00ff00; /* Yeşil */
  }
  33% {
    box-shadow: 0 0 10px #0000ff;
    background: #0000ff; /* Mavi */
  }
  50% {
    box-shadow: 0 0 10px #ffff00;
    background: #ffff00; /* Sarı */
  }
  66% {
    box-shadow: 0 0 10px #ff00ff;
    background: #ff00ff; /* Mor (Magenta) */
  }
  83% {
    box-shadow: 0 0 10px #00ffff;
    background: #00ffff; /* Turkuaz (Cyan) */
  }
  100% {
    box-shadow: 0 0 10px #ffffff;
    background: #ffffff; /* Beyaz */
  }
}