Die Webseite zeigt einen Artikel an, aber die Typografie muss verbessert werden.
Wenden Sie die folgenden Änderungen an:
1. Setzen Sie die Schriftfamilie der gesamten Seite auf `'DM Sans', sans-serif`.
2. Erhöhen Sie den Zeilenabstand aller Absätze auf 1.6.
3. Machen Sie den Titel fett.
4. Fügen Sie dem Titel einen leichten Buchstabenabstand (`2px`) hinzu.
5. Fügen Sie dem Titel einen dezenten Textschatten hinzu mit:
   - horizontalem Versatz: 1px
   - vertikalem Versatz: 1px
   - Unschärferadius: 3px
   - Farbe: grau

Ändern Sie das HTML nicht.

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

Ym9keSB7CiAgZm9udC1mYW1pbHk6IF9fXzsKfQoKLmNvbnRlbnQgewogIGxpbmUtX19fOiBfX187Cn0KCi50aXRsZSB7CiAgX19fOiBfX187CiAgX19fOyAvKiBsZXR0ZXIgc3BhY2luZyAqLwogIF9fXyAvKiBzaGFkb3cgKi8KfQ==

- Im `body`-Selektor die Eigenschaft `font-family` verwenden und auf `'DM Sans', sans-serif` setzen.
- Im `.content`-Selektor mit `line-height` ergänzen.
- Im `.title`-Selektor:
  - Mit `font-weight` den Text fett darstellen.
  - Mit `letter-spacing` einen Abstand von `2px` zwischen den Buchstaben hinzufügen.
  - Mit `text-shadow` arbeiten und beachten, dass vier Werte in dieser Reihenfolge benötigt werden: horizontaler Versatz, vertikaler Versatz, Unschärferadius und Farbe.

Ym9keSB7CiAgZm9udC1mYW1pbHk6ICJETSBTYW5zIiwgc2Fucy1zZXJpZjsKfQoKLmNvbnRlbnQgewogIGxpbmUtaGVpZ2h0OiAxLjY7Cn0KCi50aXRsZSB7CiAgZm9udC13ZWlnaHQ6IGJvbGQ7CiAgbGV0dGVyLXNwYWNpbmc6IDJweDsKICB0ZXh0LXNoYWRvdzogMXB4IDFweCAzcHggZ3JheTsKfQ==

Beherrschen Sie die Grundlagen von CSS, der Gestaltungssprache, die das Erscheinungsbild von Webseiten verändert. Erforschen Sie zentrale Konzepte wie Textstile, Farben, Abstände, das Box-Modell, Flexbox und dekorative Effekte. Entwickeln Sie die Fähigkeiten, um optisch ansprechende und gut strukturierte Webseiten zu erstellen.

Verstehen, wie CSS mit HTML verbunden wird und wie Stile durch Selektoren angewendet werden. Farben, Textgestaltung und Hover-Effekte zur Steuerung der visuellen Darstellung anwenden.

Verbesserung der Typografie durch Zeilenhöhe, Abstände, Schriftarteigenschaften und benutzerdefinierte Schriftarten. Steuerung von Schriftfamilien, -gewicht, -stil und -größe für eine bessere Lesbarkeit.

Steuerung der Layoutstruktur mit Margin-, Padding-, Border- und Width-Eigenschaften. Verständnis des Box-Sizing-Verhaltens und der Anzeigearten von Elementen wie Block, Inline und Inline-Block.

Steuerung von horizontalen und vertikalen Layouts mit Flexbox-Eigenschaften. Anpassung von Richtung, Ausrichtung und Abstand zur Strukturierung von UI-Komponenten.

Layouts mit Hintergrundfarben, Bildern, Pseudoelementen und Schatten aufwerten. Visuelle Komponenten für Tiefe und Kontrast gestalten.

Herausforderung: Verbesserung des Designs eines Blogartikels