/* CSS is how you can add style to your website, such as colors, fonts, and positioning of your
   HTML content. To learn how to do something, just try searching Google for questions like
   "how to change link color." */

body {
    /* Тёплый бежево-бумажный фон */
    background-color: #f5f1e8;
    /* Цвет текста - тёмно-серый/коричневый, мягкий для глаз */
    color: #4a4a48;
    /* Винтажный шрифт с засечками */
    font-family: 'Georgia', serif;
    margin: 0;
    padding: 40px;
    line-height: 1.8; /* Увеличенный межстрочный интервал для "воздуха" */
}

/* Ссылка на фоновый узор (если захочешь, можно добавить картинку позже) */
/* background-image: url('pattern.png'); */

h1 {
    /* Заголовок - тёмно-зелёный (цвет мха/леса) */
    color: #5a6b5c;
    text-align: center;
    font-size: 3em;
    margin-bottom: 20px;
    font-weight: normal;
    letter-spacing: 2px;
    border-bottom: 2px double #a8b8a5; /* Декоративная линия снизу */
    padding-bottom: 15px;
}

h2 {
    /* Подзаголовки - чуть светлее */
    color: #6b7b6e;
    margin-top: 40px;
    font-weight: normal;
    font-style: italic;
}

/* Оформление блоков с текстом */
p {
    max-width: 800px;
    margin: 20px auto;
    text-align: justify; /* Выравнивание по ширине, как в книгах */
}

/* Списки (для достопримечательностей и т.д.) */
ul {
    background-color: #fffef9;
    border: 1px solid #d4cfc4;
    border-radius: 5px;
    padding: 20px 40px;
    max-width: 700px;
    margin: 20px auto;
    list-style-type: none; /* Убираем стандартные точки */
}

li {
    padding: 8px 0;
    padding-left: 25px;
    position: relative;
}

/* Добавляем листочек вместо точки в списке */
li:before {
    content: "🌿";
    position: absolute;
    left: 0;
    top: 8px;
}

/* Ссылки */
a {
    color: #7d8f7a;
    text-decoration: none;
    border-bottom: 1px dashed #7d8f7a; /* Пунктирная линия под ссылкой */
    transition: all 0.3s;
}

a:hover {
    color: #5a6b5c;
    border-bottom: 1px solid #5a6b5c;
}

/* Курсор при наведении (опционально, для атмосферы) */
body {
    cursor: url('https://cur.cursors-4u.net/nature/nat-12/nat1147.cur'), auto;
}