/* Gaya dasar untuk menu */
.menu-item {
  padding: 10px 20px;
  background-color: #FFDEA3; /* Warna latar belakang menu */
  color: black;
  text-align: center;
  font-size: 16px;
  border: none;
  cursor: pointer;
  transition: all 0.3s ease; /* Menambahkan transisi untuk efek perubahan */
}

/* Efek saat mouse berada di atas menu */
.menu-item:hover {
  background-color: #f5d18a; /* Mengubah warna latar menjadi lebih gelap */
  transform: scale(1.1); /* Membesarkan menu sedikit */
}

/* Mengatur warna link dalam menu */
.menu-item a {
  color: black; /* Menjaga warna teks tetap hitam */
  text-decoration: none; /* Menghilangkan garis bawah dari link */
}

/* Efek saat mouse berada di atas link */
.menu-item a:hover {
  color: black; /* Menjaga warna tetap hitam saat hover */
}