.container {
        margin: 0 auto; /* Centre le conteneur horizontalement */
        background-color: #fff; /* Couleur de fond du conteneur */
        padding: 20px;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); /* Ombre légère pour un effet de profondeur */
    }

.category {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #ddd; /* Bordure inférieure pour séparer les catégories */
    padding: 10px 0;
    max-width: 70%;
    margin: 0 auto;
}

.category:last-child {
    border-bottom: none; /* Supprime la bordure inférieure de la dernière catégorie */
}

.article-count {
    margin-left: 10px; /* Ajouter une marge à gauche pour séparer l'article-count du reste du contenu */
}

.category-name {
    font-weight: bold;
    color: white;
    letter-spacing: 0.8px;
    line-height: 1.5em;
    text-align: justify;
}

.article-count {
    color: #888;
}

@media screen and (max-width: 480px) {
    
        .container {
            width: 100%;
        }
    
        .category {
            max-width: 100%;
        }
    
}

@media screen and (min-width: 480px) {
        

        .container {
            width: 90%;
        }
    
        .category {
            max-width: 90%;
        }
    
}