На вебсторінці відображається стаття, але типографіка потребує покращення.
Застосуйте такі зміни:
1. Встановіть для всієї сторінки шрифт `'DM Sans', sans-serif`.
2. Збільшіть міжрядковий інтервал для всіх абзаців до 1.6.
3. Зробіть заголовок жирним.
4. Додайте невеликий інтервал між літерами (`2px`) для заголовка.
5. Додайте легку тінь до тексту заголовка з такими параметрами:
   - горизонтальне зміщення: 1px
   - вертикальне зміщення: 1px
   - радіус розмиття: 3px
   - колір: gray

Не змінюйте HTML.

PCFkb2N0eXBlIGh0bWw+CjxodG1sIGxhbmc9ImVuIj4KICA8aGVhZD4KICAgIDxsaW5rIHJlbD0icHJlY29ubmVjdCIgaHJlZj0iaHR0cHM6Ly9mb250cy5nb29nbGVhcGlzLmNvbSIgLz4KICAgIDxsaW5rIHJlbD0icHJlY29ubmVjdCIgaHJlZj0iaHR0cHM6Ly9mb250cy5nc3RhdGljLmNvbSIgY3Jvc3NvcmlnaW4gLz4KICAgIDxsaW5rCiAgICAgIGhyZWY9Imh0dHBzOi8vZm9udHMuZ29vZ2xlYXBpcy5jb20vY3NzMj9mYW1pbHk9RE0rU2FucyZkaXNwbGF5PXN3YXAiCiAgICAgIHJlbD0ic3R5bGVzaGVldCIKICAgIC8+CiAgICA8bGluayByZWw9InN0eWxlc2hlZXQiIGhyZWY9ImluZGV4LmNzcyIgLz4KICA8L2hlYWQ+CiAgPGJvZHk+CiAgICA8YXJ0aWNsZT4KICAgICAgPGgxIGNsYXNzPSJ0aXRsZSI+VGhlIEFydCBvZiBGb2N1czwvaDE+CiAgICAgIDxwIGNsYXNzPSJjb250ZW50Ij4KICAgICAgICBGb2N1cyBpcyB0aGUgYWJpbGl0eSB0byBkaXJlY3QgYXR0ZW50aW9uIHRvd2FyZCBhIHNpbmdsZSBnb2FsLiBJbiBhCiAgICAgICAgd29ybGQgZnVsbCBvZiBkaXN0cmFjdGlvbnMsIG1haW50YWluaW5nIGNsYXJpdHkgb2YgcHVycG9zZSBiZWNvbWVzIGEKICAgICAgICBwb3dlcmZ1bCBhZHZhbnRhZ2UuCiAgICAgIDwvcD4KICAgICAgPHAgY2xhc3M9ImNvbnRlbnQiPgogICAgICAgIENsZWFyIHN0cnVjdHVyZSwgcmVhZGFibGUgdHlwb2dyYXBoeSwgYW5kIHRob3VnaHRmdWwgZGVzaWduIGFsbAogICAgICAgIGNvbnRyaWJ1dGUgdG8gYSBiZXR0ZXIgcmVhZGluZyBleHBlcmllbmNlLgogICAgICA8L3A+CiAgICA8L2FydGljbGU+CiAgPC9ib2R5Pgo8L2h0bWw+

Ym9keSB7CiAgZm9udC1mYW1pbHk6IF9fXzsKfQoKLmNvbnRlbnQgewogIGxpbmUtX19fOiBfX187Cn0KCi50aXRsZSB7CiAgX19fOiBfX187CiAgX19fOyAvKiBsZXR0ZXIgc3BhY2luZyAqLwogIF9fXyAvKiBzaGFkb3cgKi8KfQ==

- У селекторі `body` використайте властивість `font-family` та встановіть її значення `'DM Sans', sans-serif`.
- У селекторі `.content` додайте властивість `line-height`.
- У селекторі `.title`:
  - Використайте `font-weight`, щоб зробити текст жирним.
  - Використайте `letter-spacing`, щоб додати інтервал `2px` між літерами.
  - Використайте `text-shadow` і пам'ятайте, що вона потребує чотирьох значень у такому порядку: горизонтальне зміщення, вертикальне зміщення, радіус розмиття та колір.

Ym9keSB7CiAgZm9udC1mYW1pbHk6ICJETSBTYW5zIiwgc2Fucy1zZXJpZjsKfQoKLmNvbnRlbnQgewogIGxpbmUtaGVpZ2h0OiAxLjY7Cn0KCi50aXRsZSB7CiAgZm9udC13ZWlnaHQ6IGJvbGQ7CiAgbGV0dGVyLXNwYWNpbmc6IDJweDsKICB0ZXh0LXNoYWRvdzogMXB4IDFweCAzcHggZ3JheTsKfQ==

Опануйте основи CSS — мови стилізації, яка змінює зовнішній вигляд і сприйняття вебсторінок. Дослідіть ключові концепції, такі як стилі тексту, кольори, відступи, модель коробки, Flexbox і декоративні ефекти. Розвивайте навички створення візуально привабливих і структурованих вебсторінок.

Зрозумійте, як CSS підключається до HTML і як стилі застосовуються за допомогою селекторів. Використання кольорів, стилізація тексту та ефекти наведення для керування візуальним оформленням.

Покращення типографіки за допомогою міжрядкового інтервалу, відступів, властивостей шрифтів і користувацьких шрифтів. Керування сімействами шрифтів, товщиною, стилем і розміром для підвищення читабельності.

Керування структурою макета за допомогою властивостей margin, padding, borders і width. Розуміння поведінки визначення розміру блоку та типів відображення елементів, таких як block, inline і inline-block.

Керування горизонтальними та вертикальними макетами за допомогою властивостей Flexbox. Налаштування напрямку, вирівнювання та відступів для структурування компонентів інтерфейсу користувача.

Покращення макетів за допомогою фонових кольорів, зображень, псевдоелементів і тіней. Оформлення візуальних компонентів для створення глибини та контрасту.

Завдання: Покращення Дизайну Статті Блогу