body,
html {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

html {
    --scrollbarBG: #e9ecef;
    --thumbBG: black;
}

body::-webkit-scrollbar {
    width: 11px;
}

body {
    scrollbar-width: thin;
    scrollbar-color: var(--thumbBG) var(--scrollbarBG);
}

body::-webkit-scrollbar-track {
    background: var(--scrollbarBG);
}

body::-webkit-scrollbar-thumb {
    background-color: var(--thumbBG);
    border-radius: 6px;
    border: 3px solid var(--scrollbarBG);
}

.footer-distributed {
    background-color: #e9ecef;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12);
    box-sizing: border-box;
    width: 100%;
    text-align: left;
    font: normal 16px sans-serif;
    padding-top: 45px;
    padding-right: 50px;
    padding-bottom: 25px;
    padding-left: 50px;
}

.a-perso {
    text-decoration: none;
    color: black;
}

.a-perso:hover {
    text-decoration: none;
    color: black;
}