The webpage displays an article, but the typography needs improvement.
Apply the following changes:
1. Set the font family of the entire page to `'DM Sans', sans-serif`.
2. Increase the line height of all paragraphs to 1.6.
3. Make the title bold.
4. Add slight letter spacing (`2px`) to the title.
5. Add a subtle text shadow to the title with:
   - horizontal offset: 1px
   - vertical offset: 1px
   - blur radius: 3px
   - color: gray

Do not modify the HTML.

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

Ym9keSB7CiAgZm9udC1mYW1pbHk6IF9fXzsKfQoKLmNvbnRlbnQgewogIGxpbmUtX19fOiBfX187Cn0KCi50aXRsZSB7CiAgX19fOiBfX187CiAgX19fOyAvKiBsZXR0ZXIgc3BhY2luZyAqLwogIF9fXyAvKiBzaGFkb3cgKi8KfQ==

- In the `body` selector, use the `font-family` property and set it to `'DM Sans', sans-serif`.
- In the `.content` selector, complete with `line-height`.
- In the `.title` selector:
  - Use `font-weight` to make the text bold.
  - Use `letter-spacing` to add `2px` spacing between letters.
  - Use `text-shadow` and remember it requires four values in this order: horizontal offset, vertical offset, blur radius, and color.

Ym9keSB7CiAgZm9udC1mYW1pbHk6ICJETSBTYW5zIiwgc2Fucy1zZXJpZjsKfQoKLmNvbnRlbnQgewogIGxpbmUtaGVpZ2h0OiAxLjY7Cn0KCi50aXRsZSB7CiAgZm9udC13ZWlnaHQ6IGJvbGQ7CiAgbGV0dGVyLXNwYWNpbmc6IDJweDsKICB0ZXh0LXNoYWRvdzogMXB4IDFweCAzcHggZ3JheTsKfQ==

Behersk det grundlæggende i CSS, sproget til styling, der forvandler udseendet og oplevelsen af websider. Udforsk kernekoncepter såsom tekststilarter, farver, afstand, box-modellen, Flexbox og dekorative effekter. Opbyg færdigheder til at skabe visuelt engagerende og velstrukturerede websider.

Forstå, hvordan CSS forbindes til HTML, og hvordan stilarter anvendes gennem selektorer.
Anvendelse af farver, tekstformatering og hover-effekter til at kontrollere visuel præsentation.

Forbedring af typografi ved hjælp af linjehøjde, afstand, skrifttypeegenskaber og brugerdefinerede skrifttyper. Kontrol af skrifttypefamilier, vægt, stil og størrelse for øget læsbarhed.

Styring af layoutstruktur ved hjælp af margin, padding, kanter og breddeegenskaber. Forståelse af boksstørrelsesadfærd og elementvisningstyper såsom blok, inline og inline-blok.

Styring af horisontale og vertikale layouts ved hjælp af Flexbox-egenskaber. Justering af retning, justering og afstand for at strukturere UI-komponenter.

Forbedring af layouts ved brug af baggrundsfarver, billeder, pseudo-elementer og skygger. Styling af visuelle komponenter for dybde og kontrast.

Challenge: Improve a Blog Article Design

Task