/* Фон для всех страниц */
body {
    background-color: #e6b883;
    font-family: Arial, sans-serif;
    margin: 20px;
    line-height: 1.6; /* Добавим межстрочный интервал для удобочитаемости */
    text-align: center; /* Выравниваем ВЕСЬ текст по центру */
}

/* Контейнер для центрирования содержимого */
.container {
    max-width: 800px; /* Ограничиваем ширину контента */
    margin: 0 auto; /* Автоматические отступы слева/справа - центрирование */
    text-align: left; /* Текст внутри контейнера выравниваем по левому краю */
}

/* Стиль для основного текста параграфов */
p {
    font-family: Arial, sans-serif;
    font-size: 16px; /* Размер шрифта */
    color: #333; /* Цвет текста (темно-серый) */
    text-align: justify; /* Выравнивание по ширине */
    margin-bottom: 15px; /* Отступ снизу, чтобы параграфы не слипались */
    padding-left: 10px; /* Отступ слева, чтобы текст не прилипал к краю */
}

/* Стиль для заголовков первого уровня (h1) */
h1 {
    font-family: 'Georgia', serif; /* Другой шрифт для заголовков */
    font-size: 32px;
    color: #8B4513; /* Коричневый цвет */
    text-align: center; /* Выравнивание по центру */
}

/* Стиль для заголовков второго уровня (h2) */
h2 {
    font-family: 'Georgia', serif;
    font-size: 24px;
    color: #8B4513;
    text-align: left; /* Выравнивание по левому краю */
    border-bottom: 2px solid #8B4513; /* Подчеркивание для красоты */
    padding-bottom: 5px;
}

/* Стиль для списков (ul) */
ul {
    padding-left: 30px; /* Отступ всего списка от левого края */
    text-align: left; /* Выравнивание списка по левому краю */
}

/* Стиль для элементов списка (li) */
li {
    font-family: Arial, sans-serif;
    font-size: 15px;
    color: #333;
    margin-bottom: 8px; /* Отступ между пунктами списка */
    text-align: left; /* Выравнивание текста в пунктах */
}

/* Стиль для жирного текста (b/strong) внутри списка */
li b {
    font-weight: bold;
    color: #000; /* Чуть более темный цвет для выделения */
}

/* Стиль для курсивного текста (i/em) внутри списка */
li i {
    font-style: italic;
}

/* Стиль для ссылок */
a {
    color: #8B4513; /* Коричневый, как у заголовков */
    text-decoration: none; /* Убираем стандартное подчеркивание */
}

a:hover {
    text-decoration: underline; /* Подчеркивание при наведении */
}

/* Стиль для изображений */
img {
    max-width: 100%; /* Чтобы изображения не выходили за границы экрана */
    height: auto; /* Сохраняет пропорции */
    display: block; /* Убирает лишние отступы вокруг */
    margin: 15px auto; /* Отступы сверху/снизу и выравнивание по центру */
    border-radius: 8px; /* Скругленные углы для красоты */
}

/* Отдельный стиль для изображения с фиксированной шириной */
img[width="400"] {
    width: 400px; /* Сохраняем заданную ширину */
}