body {
  background: url('../../images/lebah.png') no-repeat center center fixed;
  background-size: cover;
}
.login-container {
  margin-top: 10%;
  background-color: rgba(255, 255, 255, 0.8); /* Semi-transparan */
  padding: 30px;
  border-radius: 10px;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3);
}

.btn-custom {
  background-color: #F0C808; /* Warna kuning madu */
  border-color: #D2691E;    /* Warna cokelat madu */
  color: #000;
}

.btn-custom:hover {
  background-color: #FFD700; /* Warna kuning cerah */
  color: #000;
}
.form-control {
  background-color: rgba(255, 255, 255, 0.9); /* Transparan ringan */
  border: 1px solid #D2691E; /* Border cokelat madu */
  color: #000;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
}

.form-control:focus {
  background-color: rgba(255, 255, 255, 1); /* Putih penuh saat fokus */
  border-color: #F0C808;
  box-shadow: 0 0 5px rgba(240, 200, 8, 0.8);
}

.form-control,
select,
textarea {
  background-color: rgba(255, 255, 255, 0.9); /* Transparan ringan */
  border: 1px solid #D2691E; /* Border cokelat madu */
  color: #000;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
  padding: 8px;
  border-radius: 4px; /* Opsional: Untuk sudut melengkung */
  font-size: 14px; /* Ukuran font seragam */
  width: 100%; /* Agar elemen memenuhi kontainer */
  box-sizing: border-box; /* Menghindari overflow */
}
a {
  color: #D2691E; /* Warna cokelat madu */
  text-decoration: none; /* Hilangkan garis bawah */
  font-weight: bold;
}

/* Warna saat link dihover */
a:hover {
  color: #F0C808; /* Warna kuning madu */
  text-decoration: underline; /* Tambahkan garis bawah saat hover */
}

/* Warna untuk link yang sudah dikunjungi */
a:visited {
  color: #8B4513; /* Warna cokelat tua madu */
}

/* Warna untuk link saat aktif (diklik) */
a:active {
  color: #FFD700; /* Warna kuning cerah */
}