/* 1. Стили для всей страницы (тег body) */
body {
    font-family: 'Georgia', serif; /* Меняем шрифт */
    line-height: 1.6; /* Увеличиваем межстрочный интервал для удобочитаемости */
    margin: 0; /* Убираем стандартные отступы браузера по краям */
    padding: 20px; /* Добавляем воздух внутри body */
    background-color: #2b2828; /* Светло-серый фон всей страницы */
}

/* 2. Стили для шапки (header) */
header {
    background-color: #333; /* Тёмный фон */
    color: rgb(245, 240, 240); /* Белый текст */
    padding: 20px; /* Отступы внутри шапки */
    text-align: center; /* Выравниваем текст по центру */
    margin-bottom: 20px; /* Отступ снизу, чтобы отделить от main */
    border-radius: 15px;
}

/* 3. Стили для основного контента (main) */
main {
    background-color: rgb(224, 215, 215); /* Белый фон для основного блока */
    padding: 20px;
    border-radius: 20px;
}

/* 4. Стили для всех разделов (section) */
section {
    margin-bottom: 30px; /* Отступ между разделами */
    padding-bottom: 20px; /* Внутренний отступ снизу */
    border-bottom: 2px solid #e5afaf; /* Серая линия-разделитель между разделами */
}
/* Убираем нижнюю границу у последнего раздела */
section:last-child {
    border-bottom: none;
}

/* 5. Стили для заголовков второго уровня */
h2 {
    color: #333; /* Цвет заголовков */
    border-left: 4px solid #007acc; /* Синяя полоска слева от заголовка */
    padding-left: 10px; /* Отступ текста от этой полоски */
    margin-left: 10px;
}

/* 6. Стили для списка */
ul {
    background-color: #f9f9f9; /* Светлый фон для списка */
    padding: 15px 15px 15px 35px; /* Отступы: сверху, справа, снизу, слева */
    border-radius: 20px;
}

/* 7. Стили для ссылок (тег a) */
a {
    color: #007acc; /* Синий цвет ссылок (стандартный) */
    text-decoration: none; /* Убираем подчёркивание! */
}
/* Изменение ссылки при наведении курсора */
a:hover {
    text-decoration: blink; /* Добавляем подчёркивание при наведении */
    color: #005a99; /* Делаем цвет немного темнее */
}

/* 8. Стили для подвала (footer) */
footer {
    background-color: rgb(224, 215, 215);
    margin-top: 30px;
    font-size: 0.9em; /* Немного уменьшаем размер шрифта */
    color: #666; /* Серый, менее важный текст */
    border-radius: 20px;
    padding: 10px;
}

footer p {
    margin-left: 20px;
}