.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #FFF8; /* Ubah opasitas gelap di sini (0.5 = 50%) */
    backdrop-filter: blur(5px);
    z-index: -1;
}

.settings-button {
    position: absolute;
    top: 10px; /* Jarak dari atas */
    right: 10px; /* Jarak dari kanan */
    z-index: 1020; /* Membuat tombol tetap di atas elemen lain */
  }

.localtime {
    font-size: 60pt;
    font-weight: 700;
    font-family: 'Inter', sans-serif;
    display: block;
    margin-bottom: 0rem;
}

@media screen and (min-width: 1021px) {
    .localtime {
        font-size: 80pt;
    }
}

.table-shalat .active td {
    background-color: mediumaquamarine !important;
}
.table>:not(caption)>*>* {
    background-color: #FFF0;
}

.blurry {
    background-color: #FFF5;
    backdrop-filter: blur(8px);
}

.motivation-arabic {
    font-family: "Amiri", serif;
    font-size: 3em;
    text-align: center;
}

.motivation-indonesia {
    text-align: center;
    font-size: 1.3em;
    margin-top: 1rem;
}

#map {
    height: 100%;
}