.stars {
  position: absolute;
  width: 2px;
  height: 2px;
  background: white;
  border-radius: 50%;
  animation: twinkle 2s infinite alternate;
}

@keyframes twinkle {
  from { opacity: 0.2; transform: scale(0.8); }
  to { opacity: 1; transform: scale(1.3); }
}

@keyframes bgMove {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 100% 0;
  }
}

.animate-bgMove {
  animation: bgMove 40s linear infinite;
  background-repeat: repeat-x; /* biar transisinya mulus */
   background-size: auto 100%; /* tinggi penuh, lebar auto biar mulus */
}


@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fade-in-up {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.animate-fade-in {
  animation: fade-in 1s ease-out;
}

.animate-fade-in-up {
  animation: fade-in-up 1s ease-out;
}