:root {
    --black: rgb(0, 0, 0);
    --grey: rgb(195, 195, 195);
    --blue: rgb(0, 0, 255);

    --padding-page: 2rem;
    --margin-y: 2rem;
    --margin-y2: calc(var(--margin-y) / 2);
    --margin-y3: calc(var(--margin-y) / 3);
    --margin-y4: calc(var(--margin-y) / 4);
}
@media screen and (max-width: 768px) {
    :root {
        --padding-page: 1.2rem;
    } 
}

html {
    background-color: var(--grey);
}

body {
    user-select: none;
}

a {
    text-decoration: underline;
}
a:hover {
    text-decoration: none;
}


header {
    padding: var(--padding-page);
    padding-bottom: var(--margin-y3);
}