.homepage {


    /*Mes prestations*/
    .mes-prestations {
        background-color: var(--primary-lighter);
        gap: var(--size-xl);
    }

    .mes-prestations-part {
        font-size: var(--size-base);
        line-height: var(--size-m);
        font-weight: bold;
        color: var(--size-base);
    }

    /*Qui suis-je ?*/
    .qui-suis-je {
        gap: var(--size-xl);
    }

    .exergue-section {
        color: var(--secondary);
        font-size: var(--size-m);
        line-height: var(--size-l);
        font-weight: var(--bold);
        background-color: var(--secondary-lighter);
    }

    /*Mes articles*/
    .mes-articles {
        background-color: var(--primary-lighter);
        margin-left: var(--size-body);
        margin-right: var(--size-body);
        padding: var(--size-xl);
        border-radius: var(--size-base);
    }

    @media (max-width: 768px) {
    .mes-articles {
        margin-left: 0;
        margin-right: 0;
        border-radius: 0;
        padding-left: var(--size-base);
        padding-right: var(--size-base);
    }    
    }

    .article-description {
        margin-top: -1rem;
        line-height: var(--size-m);
    }

    /*Notes*/
    .notes-page {
        gap: var(--size-base);
        padding-left: var(--size-body);
        padding-right: var(--size-body);
    }

    @media (max-width: 768px) {
        .notes-page {
            padding-left: var(--size-base);
            padding-right: var(--size-base);
        }
    }

    /*Me contacter*/
    .me-contacter {
        background-color: var(--secondary);
        color: var(--inverted);
        margin-top: var(--size-xxl);
        gap: var(--size-l);
    }

    .reseaux-sociaux {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: var(--size-m);
            }
        
            .group-rs {
                display: flex;
                gap: var(--size-xl);
            }
        
        .section-rs {
            display: flex;
            gap: var(--size-xl);
            flex-direction: column;
        }
}