* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}


:root {font-size: 62.5%;}

html, body {
    font-size: 1.6rem;
    color: var(--text);
    font-family: var(--font-family);
    display: block;
    background-color: var(--background-light);
}

p {}
h1,h2,h3,h4,h5,h6{
    font-weight: bold;padding-bottom: 1rem;
}
h1 {font-size: 3rem; padding-bottom: 2rem;}
h2 {font-size: 2.5rem; padding-bottom: 2rem;}
h3 {font-size: 2.2rem;}
h4 {font-size: 2.0rem;}
ul {padding: 0;list-style-type: none;}
img { max-width: 100%;}
a, a:hover {color: inherit;text-decoration: none;}


/* la scrollbar */
*::-webkit-scrollbar {
    display: block;
    width: 16px;
}
*::-webkit-scrollbar-button {
    display: none;
}
*::-webkit-scrollbar-track {
    background-color: #00000000;
}
*::-webkit-scrollbar-track-piece {
    background-color: #00000000;
}
*::-webkit-scrollbar-thumb {
    background-color: #00000000;
    border: 5px solid transparent;
    border-radius: 24px;
    box-shadow: 4px 0px 0px 4px #00000040 inset;
}
*::-webkit-scrollbar-thumb:hover {
    background-color: #00000040;
    border: 0px solid transparent;
    box-shadow: none;
}