body {
    background-color: var(--background-color); /* Фоновый цвет */
    color: var(--text-color); /* Цвет текста */
    font-family: 'Arial', sans-serif; /* Шрифт */
    margin: 0;
    padding: 0;
    line-height: 1.6; /* Высота строк для читаемости */
    display: flex; /* Добавляем флекс-контейнер */
    align-items: center; /* Центрируем содержимое горизонтально */
    position: relative; /* Для позиционирования вложенных элементов */
}

main {
    margin-left: 25%; /* Отступ слева для меню */
    margin-right: 2%; /* Отступ слева для меню */
    width: 73%; /* Контент занимает 75% экрана */
    position: relative;
    /* Уберём статичные padding-top и padding-bottom, так как они теперь будут динамическими */
}

/* Заголовок h1 */
h1 {
    font-family: var(--menu-font-family);
    font-weight: normal;
    color: var(--menu-text-color);
    font-size: var(--font-size-h1); /* Динамический размер шрифта */
    text-align: center;
    margin-bottom: 30px;
}

/* Заголовки h2 */
h2 {
    font-family: var(--menu-font-family);
    font-weight: normal;
    color: var(--menu-text-color);
    font-size: var(--font-size-h2); /* Динамический размер шрифта */
    margin-bottom: 20px;
}

/* Обычный текст (p, li, span) */
p, li, span {
    font-size: var(--font-size-body); /* Динамический размер шрифта */
    line-height: 1.8;
}

/* Секции */
section {
    margin-bottom: 40px; /* Отступ между секциями */
    line-height: 1.8; /* Межстрочный интервал для лучшей читаемости */
}

/* Списки внутри секций */
section ul {
    margin: 10px 0 10px 20px; /* Отступы для списка */
}

section ul li {
    margin-bottom: 10px; /* Отступ между пунктами списка */
}