La pagina web mostra un articolo, ma la tipografia necessita di miglioramenti.
Applica le seguenti modifiche:
1. Imposta la famiglia di font dell'intera pagina su `'DM Sans', sans-serif`.
2. Aumenta l'interlinea di tutti i paragrafi a 1.6.
3. Rendi il titolo in grassetto.
4. Aggiungi una leggera spaziatura tra le lettere (`2px`) al titolo.
5. Aggiungi un'ombra sottile al testo del titolo con:
   - spostamento orizzontale: 1px
   - spostamento verticale: 1px
   - raggio sfocatura: 3px
   - colore: gray

Non modificare l'HTML.

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

Ym9keSB7CiAgZm9udC1mYW1pbHk6IF9fXzsKfQoKLmNvbnRlbnQgewogIGxpbmUtX19fOiBfX187Cn0KCi50aXRsZSB7CiAgX19fOiBfX187CiAgX19fOyAvKiBsZXR0ZXIgc3BhY2luZyAqLwogIF9fXyAvKiBzaGFkb3cgKi8KfQ==

- Nel selettore `body`, utilizza la proprietà `font-family` e impostala su `'DM Sans', sans-serif`.
- Nel selettore `.content`, completa con `line-height`.
- Nel selettore `.title`:
  - Usa `font-weight` per rendere il testo in grassetto.
  - Usa `letter-spacing` per aggiungere `2px` di spaziatura tra le lettere.
  - Usa `text-shadow` e ricorda che richiede quattro valori in questo ordine: spostamento orizzontale, spostamento verticale, raggio sfocatura e colore.

Ym9keSB7CiAgZm9udC1mYW1pbHk6ICJETSBTYW5zIiwgc2Fucy1zZXJpZjsKfQoKLmNvbnRlbnQgewogIGxpbmUtaGVpZ2h0OiAxLjY7Cn0KCi50aXRsZSB7CiAgZm9udC13ZWlnaHQ6IGJvbGQ7CiAgbGV0dGVyLXNwYWNpbmc6IDJweDsKICB0ZXh0LXNoYWRvdzogMXB4IDFweCAzcHggZ3JheTsKfQ==

Apprendi le nozioni fondamentali di CSS, il linguaggio di stile che trasforma l'aspetto delle pagine web. Esplora concetti chiave come stili del testo, colori, spaziatura, box model, Flexbox ed effetti decorativi. Sviluppa le competenze necessarie per creare pagine web visivamente accattivanti e ben strutturate.

Comprendere come CSS si collega a HTML e come gli stili vengono applicati tramite i selettori. Applicazione di colori, stili del testo ed effetti hover per controllare la presentazione visiva.

Miglioramento della tipografia tramite altezza della linea, spaziatura, proprietà dei font e font personalizzati. Controllo delle famiglie di font, peso, stile e dimensione per una migliore leggibilità.

Controllo della struttura del layout tramite proprietà di margine, padding, bordi e larghezza. Comprensione del comportamento del dimensionamento del box e dei tipi di visualizzazione degli elementi come block, inline e inline-block.

Controllo dei layout orizzontali e verticali utilizzando le proprietà Flexbox. Regolazione della direzione, dell'allineamento e della spaziatura per strutturare i componenti dell'interfaccia utente.

Migliora i layout utilizzando colori di sfondo, immagini, pseudo-elementi e ombre. Stile dei componenti visivi per profondità e contrasto.

Sfida: Migliorare il Design di un Articolo del Blog