/* Import Font dari Google Fonts */
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;700&display=swap");

/* Gaya dasar... (kode CSS lainnya tetap sama) */
body {
    font-family: "Poppins", sans-serif;
    background-color: #f8f9fa;
}
.navbar {
    transition: background-color 0.3s ease-in-out;
}
.navbar-brand img {
    transition: transform 0.3s ease;
}
.navbar-brand:hover img {
    transform: scale(1.1);
}
.nav-link {
    transition: color 0.2s ease-in-out;
}
.hero-section {
    padding: 8rem 0;
    transition: transform 0.5s ease;
}
.hero-section h1 {
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}
.card {
    border: none;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.card:hover {
    transform: translateY(-10px);
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}
.card-img-top {
    transition: transform 0.3s ease;
}
.card:hover .card-img-top {
    transform: scale(1.05);
}
.btn {
    border-radius: 50rem;
    padding: 0.75rem 1.5rem;
    transition: all 0.3s ease;
}
.footer {
    background-color: #343a40;
}

/* =================================================================== */
/* KODE BARU DAN LEBIH SPESIFIK UNTUK TAMPILAN PONSEL                  */
/* =================================================================== */
@media (max-width: 767.98px) {
    /*
      KHUSUS UNTUK JUDUL "SELAMAT DATANG" DI PONSEL
    */
    .hero-section h1.display-4 {
        font-size: 2rem; /* Ukuran font yang jauh lebih kecil, pas untuk ponsel */
        line-height: 1.3; /* Jarak antar baris agar tidak terlalu rapat */
    }

    /*
      Mengecilkan juga paragraf di bawah judul "Selamat Datang"
    */
    .hero-section p.fs-4 {
        font-size: 1rem; /* Ukuran font standar untuk paragraf di ponsel */
    }

    /* Mengecilkan judul-judul lain seperti "Berita Terbaru" */
    .display-5 {
        font-size: 2.2rem;
    }
}