La página web muestra un artículo, pero la tipografía necesita mejoras.
Realiza los siguientes cambios:
1. Establecer la familia tipográfica de toda la página a `'DM Sans', sans-serif`.
2. Aumentar la altura de línea de todos los párrafos a 1.6.
3. Hacer que el título sea negrita.
4. Añadir un ligero espaciado entre letras (`2px`) al título.
5. Agregar una sombra de texto sutil al título con:
   - desplazamiento horizontal: 1px
   - desplazamiento vertical: 1px
   - radio de desenfoque: 3px
   - color: gray

No modificar el HTML.

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

Ym9keSB7CiAgZm9udC1mYW1pbHk6IF9fXzsKfQoKLmNvbnRlbnQgewogIGxpbmUtX19fOiBfX187Cn0KCi50aXRsZSB7CiAgX19fOiBfX187CiAgX19fOyAvKiBsZXR0ZXIgc3BhY2luZyAqLwogIF9fXyAvKiBzaGFkb3cgKi8KfQ==

- En el selector `body`, utiliza la propiedad `font-family` y asígnala a `'DM Sans', sans-serif`.
- En el selector `.content`, completa con `line-height`.
- En el selector `.title`:
  - Utiliza `font-weight` para que el texto sea negrita.
  - Utiliza `letter-spacing` para añadir un espaciado de `2px` entre letras.
  - Utiliza `text-shadow` y recuerda que requiere cuatro valores en este orden: desplazamiento horizontal, desplazamiento vertical, radio de desenfoque y color.

Ym9keSB7CiAgZm9udC1mYW1pbHk6ICJETSBTYW5zIiwgc2Fucy1zZXJpZjsKfQoKLmNvbnRlbnQgewogIGxpbmUtaGVpZ2h0OiAxLjY7Cn0KCi50aXRsZSB7CiAgZm9udC13ZWlnaHQ6IGJvbGQ7CiAgbGV0dGVyLXNwYWNpbmc6IDJweDsKICB0ZXh0LXNoYWRvdzogMXB4IDFweCAzcHggZ3JheTsKfQ==

Domina los conceptos esenciales de CSS, el lenguaje de estilos que transforma la apariencia y sensación de las páginas web. Explora conceptos clave como estilos de texto, colores, espaciado, el modelo de caja, Flexbox y efectos decorativos. Desarrolla las habilidades necesarias para crear páginas web visualmente atractivas y bien estructuradas.

Comprender cómo CSS se conecta con HTML y cómo se aplican los estilos mediante selectores.
Aplicación de colores, estilos de texto y efectos hover para controlar la presentación visual.

Mejora de la tipografía utilizando altura de línea, espaciado, propiedades de fuente y fuentes personalizadas. Control de familias tipográficas, grosor, estilo y tamaño de fuente para una mejor legibilidad.

Control de la estructura del diseño utilizando las propiedades de margen, relleno, bordes y ancho. Comprensión del comportamiento de dimensionamiento de cajas y de los tipos de visualización de elementos como block, inline e inline-block.

Control de diseños horizontales y verticales utilizando propiedades de Flexbox. Ajuste de dirección, alineación y espaciado para estructurar componentes de la interfaz de usuario.

Mejora de diseños utilizando colores de fondo, imágenes, pseudoelementos y sombras. Estilización de componentes visuales para profundidad y contraste.

Desafío: Mejorar el Diseño de un Artículo de Blog