:root {

    --var-body-size: 16px;
    --var-h1-size: var(--var-h2-size);
    --var-h2-size: 2em;
    --var-h3-size: var(--var-h2-size);
    --var-thumb-size: 1.75em;
    --var-psmal-size: 1.15em;
    --var-p-size: 1.35em;
    --var-h1-size-header: 2em;
    --padding-1: 1em;
    --padding-1-5: 1.5em;
    --padding-2: 2em;
    --color-white: #ffffff;
    --color-red: #ff0000;
    --color-green: #00ff00;
    --color-black: #101010;
    --article-with: 33.3331%;
    --padding-list: 5em;
    --button-size: 1em;
    --caption-size: 0.9em;
    --button-margin: 1.35em;

}

@media screen and (max-width: 60em) {

    :root {

        --var-body-size: 14px;
        --article-with: 50%;

    }

}

@media screen and (max-width: 40em) {

    :root {

        --button-size: 1.5em;
        --button-margin: 0.75em;
        --var-h2-size: 1.5em;
        --var-thumb-size: 1.25em;

    }

}

@media screen and (min-width: 120em) {

    :root {

        --var-body-size: 18px;

    }

}