body {
  font-family: "Quicksand", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
}


#bg-main-color{
    background-color: #1e83f6;
}

#bg-btn-color{
    background-color: #FFD54F;
    color: #33691E;
}

#bg-btn-color:hover {
  background-color: #33691E; /* tombol jadi kuning saat hover */
  color: #FFFFFF; /* teks jadi putih */
  border-color: #33691E;
}



#btn-outline-ikhlas {
  color: #2E7D32; /* hijau tua untuk teks */
  border: 2px solid #1565C0; /* outline kuning */
  background-color: transparent;
  padding: 0.5rem 1rem;
  font-weight: 600;
  border-radius: 0.5rem;
  transition: all 0.3s ease;
}

#btn-outline-ikhlas:hover {
  background-color: #1565C0; /* tombol jadi kuning saat hover */
  color: #FFFFFF; /* teks jadi putih */
  border-color: #1565C0;
}

/** backend style **/