/* Mengatur latar belakang halaman */
body {
  margin: 0;
  padding: 0;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #111; /* Latar belakang gelap untuk efek neon lebih terlihat */
  font-family: "Arial", sans-serif;
}

/* Mengatur container utama */
.container {
  text-align: center;
}

/* Gaya teks neon */
.neon-text {
  font-size: 60px;
  font-weight: bold;
  color: #fff; /* Warna teks utama */
  text-transform: uppercase;
  letter-spacing: 2px;

  /* Efek neon glow */
  text-shadow: 0 0 5px #ff00ff, 0 0 10px #ff00ff, 0 0 15px #ff00ff,
    0 0 20px #ff00ff, 0 0 30px #ff00ff, 0 0 40px #ff00ff, 0 0 50px #ff00ff;
}

/* Animasi efek neon */
@keyframes neonAnimation {
  0% {
    text-shadow: 0 0 5px #ff00ff, 0 0 10px #ff00ff, 0 0 15px #ff00ff,
      0 0 20px #ff00ff, 0 0 30px #ff00ff, 0 0 40px #ff00ff, 0 0 50px #ff00ff;
  }
  50% {
    text-shadow: 0 0 10px #00ffff, 0 0 20px #00ffff, 0 0 30px #00ffff,
      0 0 40px #00ffff, 0 0 50px #00ffff, 0 0 60px #00ffff, 0 0 70px #00ffff;
  }
  100% {
    text-shadow: 0 0 5px #ff00ff, 0 0 10px #ff00ff, 0 0 15px #ff00ff,
      0 0 20px #ff00ff, 0 0 30px #ff00ff, 0 0 40px #ff00ff, 0 0 50px #ff00ff;
  }
}

/* Terapkan animasi pada teks neon */
.neon-text {
  animation: neonAnimation 1.5s infinite alternate;
}

/* Terapkan animasi pada teks neon */
.neon-text {
  animation: neonAnimation 1.5s infinite alternate;
}

/* Gaya untuk gambar di bawah teks */
.image-container {
  margin-top: 30px; /* Memberikan jarak antara teks dan gambar */
}

.neon-image {
  width: 400px;
  height: 600px;
  border: 5px solid #fff; /* Memberikan border putih di sekitar gambar */
  border-radius: 10px;
  box-shadow: 0 0 15px rgba(255, 255, 255, 0.8); /* Efek glow di sekitar gambar */
}
/* Gaya Teks lAPET */
.lapet-mamak-mu-text {
  font-size: 60px;
  font-weight: bold;
  color: #000000; /* Warna teks utama */
  text-transform: uppercase;
  letter-spacing: 2px;

  /* Efek neon glow */
  text-shadow: 0 0 5px #ff00ff, 0 0 10px #ff00ff, 0 0 15px #ff00ff,
    0 0 20px #ff00ff, 0 0 30px #ff00ff, 0 0 40px #ff00ff, 0 0 50px #ff00ff;
}

/* Animasi efek neon */
@keyframes neonAnimation {
  0% {
    text-shadow: 0 0 5px #ff00ff, 0 0 10px #ff00ff, 0 0 15px #ff00ff,
      0 0 20px #ff00ff, 0 0 30px #ff00ff, 0 0 40px #ff00ff, 0 0 50px #ff00ff;
  }
  50% {
    text-shadow: 0 0 10px #00ffff, 0 0 20px #00ffff, 0 0 30px #00ffff,
      0 0 40px #00ffff, 0 0 50px #00ffff, 0 0 60px #00ffff, 0 0 70px #00ffff;
  }
  100% {
    text-shadow: 0 0 5px #ffee00, 0 0 10px #ffee00, 0 0 #ffee00 #ffee00,
      0 0 20px #ffee00, 0 0 30px #ffee00, 0 0 40px #ffee00, 0 0 50px #ffee00;
  }
}

/* Terapkan animasi pada teks neon */
.lapet-mamak-mu-text {
  animation: lAPETAnimation 2.5s infinite alternate;
}

/* Terapkan animasi pada teks neon */
.lapet-mamak-mu-text {
  animation: lAPETAnimation 2.5s infinite alternate;
}