@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap');

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Jost", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    list-style: none;
}

:root {
    --sideBar: #006666;
    --sideBarTransparent: #6d9e9e;
    --sideBarLight: #338585;
    --sideArea: #f5f5f5;
}

.scroll-content::-webkit-scrollbar {
    width: 5px; /* Largeur de la barre de défilement */
}

.scroll-content::-webkit-scrollbar-track {
    background: transparent; /* Couleur de fond de la piste de défilement */
}

.scroll-content::-webkit-scrollbar-thumb {
    background: #f5f5f5; /* Couleur de la poignée de défilement */
    border-radius: 10px;
}

.scroll-content::-webkit-scrollbar-thumb:hover {
    background: #338585; /* Couleur de la poignée de défilement au survol */
}

.scrollable-content::-webkit-scrollbar {
    width: 5px; /* Largeur de la barre de défilement */
}

.scrollable-content::-webkit-scrollbar-track {
    background: transparent; /* Couleur de fond de la piste de défilement */
}

.scrollable-content::-webkit-scrollbar-thumb {
    background: #338585; /* Couleur de la poignée de défilement */
    border-radius: 10px;
}

.scrollable-content::-webkit-scrollbar-thumb:hover {
    background: #338585; /* Couleur de la poignée de défilement au survol */
}