main {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
    background: linear-gradient(to right, #0368FF, #C27FCF);
    min-height: 100vh;
}

/* Section2 Styling */
#section2 {
    display: flex;
    justify-content: space-between; /* Menyebarkan elemen secara merata */
    align-items: center;
    flex-wrap: nowrap; /* Mencegah baris tambahan */
    width: 100%; /* Full width */
    color: white;
    padding: 20px 0;
}

.stat {
    text-align: center;
    flex: 1; /* Memberikan ukuran yang proporsional untuk setiap statistik */
    margin: 10px; /* Mengurangi margin agar tetap dalam satu baris */
}

.number {
    font-size: 48px;
    font-weight: bold;
    margin-top: -10px;
}

.category {
    font-size: 24px;
    font-weight: bold;
}





/* Responsive Design: Devices 768px or smaller */
@media (max-width: 768px) {
    #section2 {
        flex-wrap: wrap; /* Wrap items for proper placement */
        justify-content: center;
    }

    .stat {
        flex: 1 1 35%; /* Two items per row */
    }

    .stat:nth-child(5) { /* Kota Layanan */
        flex: 1 1 100%; /* Center Kota Layanan on its own row */
        text-align: center;
    }
}

/* Responsive Design: Devices 480px or smaller */
@media (max-width: 480px) {
    #section2 {
        flex-wrap: wrap;
        justify-content: center;
    }

    .stat {
        flex: 1 1 35%; /* Two items per row */
    }

    .stat:nth-child(5) { /* Kota Layanan */
        flex: 1 1 100%; /* Center Kota Layanan on its own row */
        text-align: center;
    }

    .number {
        font-size: 36px; /* Reduce size for smaller devices */
    }

    .category {
        font-size: 20px; /* Reduce size for smaller devices */
    }
}


/* section 4 */