/* style.css */
/* @tailwind base;
@tailwind components;
@tailwind utilities; */

/* Anda bisa menambahkan custom style di sini jika diperlukan,
   namun usahakan memaksimalkan penggunaan kelas Tailwind di HTML. */
body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    /* Terapkan Poppins sebagai font default untuk seluruh halaman */
    font-family: 'Roboto', sans-serif;
}

/* Kelas kustom untuk font waktu sholat */
.font-time {
    /* Gunakan Roboto Mono untuk tampilan seperti jam digital,
       dengan fallback ke font monospace generik. */
    font-family: 'Poppins', sans-serif;
}

.prayer-time-item {
    transition: transform 0.2s ease-in-out;
}

.prayer-time-item:hover {
    transform: translateY(-5px);
}

.marquee {
    display: inline-block;
    padding-left: 100%; /* Mulai dari luar layar kanan */
    animation: marquee 300s linear infinite;
}

@keyframes marquee {
    0%   { transform: translateX(0); }
    100% { transform: translateX(-100%); } /* Bergerak ke kiri hingga teks hilang */
}