body {
    margin: 0;
    padding: 0;
}

html {
    scroll-behavior: smooth;
}

::-webkit-scrollbar {
    display: none;
}

:root {
    font-size: 16px; /* Это задает 1 rem = 16px */
    --main-color: #70ae6d; /* Создаем переменную для основного цвета */
    --animation-speed: 0.5s; /* Скорость всех анимаций */
    --margin-title-vertical: 30px; /* Отступ у заголовков больших по высоте (О Центре и т.д.) */
    --margin-title-horizontal: 70px; /* Отступ у заголовков больших по ширине (О Центре и т.д.) */
    --margin-title-horizontal-mobile: 40px; /* Отступ у заголовков больших по ширине НА ТЕЛЕФОНАХ (О Центре и т.д.) */
    --section-margin-horizontal: 60px; /* Отступ у каждой секции справа и слева */
    --section-margin-horizontal-mobile: 30px; /* Отступ у каждой секции справа и слева НА ТЕЛЕФОНАХ */
    --right-nav-width: 76px; /* Навигация справа ее ширина */

    --x-large-text: 3.5rem;
    --large-text: 3rem;
    --medium-text: 2rem;
    --small-text: 1rem;
    --x-small-text: 0.85rem;
    --xx-small-text: 0.5rem;
}

.section-style {
    margin: 0 calc(var(--section-margin-horizontal) + var(--right-nav-width)) 0 var(--section-margin-horizontal);
}

@media (max-width: 768px) {
    .section-style {
        margin: 0 var(--section-margin-horizontal-mobile);
    }
}