.card_article {
    color: var(--primary-color);
    width: 18rem;
    
    &.publie {
        background-color: var(--secondary-color);
    }
    
    &.brouillon {
        background-color: red;
    }
    
    &.archive {
        background-color: grey;
    }

    & a{
        color: var(--primary-color);
    }
    & img{
        width: 100%;
        height: auto;
        aspect-ratio: 254 / 169;
        object-fit: cover;
    }
}

blockquote {
    font-style: italic;
}

.pagination {
    --bs-pagination-active-bg: var(--secondary-color);
    --bs-pagination-active-border-color: var(--secondary-color);
}

.navigation nav{
    background-color: var(--primary-color);

    & a{
        color: var(--secondary-color);

        &:hover{
            color: var(--blue-color);
        }
    }
}
