:root {
    --dark: black;
    --light: white;
    --link: #888;
    --color: #f3000c;

    --borderColor: var(--dark);

    --sectionH: 3rem;
    --m: 1rem;
    /* --below: 0.45em; */
    --below: 0.70rem;

    --swiper-navigation-color: var(--dark);
    --swiper-pagination-bullet-height: 3rem;
    --swiper-pagination-bullet-inactive-color: transparant;
    --swiper-pagination-bullet-inactive-backgound: transparant;
    --swiper-pagination-color: transparant;

    --scrollW: var(--m);
    --scrollL: calc(var(--m) / 3);

    --animation: 0.5s;
    --lineHeight: 1.3em;

    --fix: 0.01px;
}

html {
    font-size: 1.2vw;
}


@media screen and (orientation: portrait) {
    :root {
        --m: 0.75rem;
    }

    html {
        font-size: 4vw;
    }

}