<style>
        body {
            margin: 0;
            font-family: poppins, sans-serif;
            padding: 0;
            box-sizing: border-box;
            
        }
        a {
            text-decoration: none;
            color: inherit;
        }
        header {
            background-color: #1c1c1c;
            color: white;
            padding: 20px;
            text-align: center;
        }
        header h1 {
            margin: 0;
          font-family: poppins, sans-serif;
          font-weight: 500;
        }
        /* Styling untuk garis horizontal */
        .footer-line {
            width: 300px; /* Lebar garis horizontal */
            height: 1px;  /* Ketebalan garis */
            background-color: rgb(139, 139, 139);/* Warna garis (hitam) */
            margin: 80px auto 10px; /* Menempatkan garis di tengah */
        }

        /* Styling untuk teks copyright */
        .footer-text {
            text-align: center; /* Posisi teks di tengah */
            font-size: 14px; /* Ukuran font */
            color: rgb(139, 139, 139);
            margin-bottom: 20px; /* Jarak bawah */
            font-family: poppins, sans-serif;
            font-weight: 300;
        }


        @media screen and (max-width: 768px) {
            header {
                padding: 15px;
            }
            header h1 {
                font-size: 1.5em;
            }
            .carousel-container {
                max-width: 90%;
            }
             /* Search Form */
             .search-form input {
                width: 70%;
            .article-list {
                max-width: 90%;
            }
            .article-item {
                width: 45%;
            }
        }
        @media screen and (max-width: 480px) {
            header h1 {
                font-size: 1.2em;
            }
            .carousel-container {
                max-width: 100%;
                padding: 10px 20px;
            }
            .article-list {
                max-width: 100%;
                padding: 10px 20px;
            }
             /* Search Form */
             .search-form input {
                width: 80%;
            }
            .article-item {
                width: 90%;
                margin: 10px auto;
            }
            .pagination a {
                padding: 8px 12px;
                font-size: 0.9em;
            }
        }

    </style>