## Tarea
Se requiere dar estilo a una página web de blog. El objetivo es el siguiente:
1. Definir el color en el bloque `:root`:
   - Crear una variable llamada `--description-color` y asignarle el valor `#9e6f21`.
2. Aplicar la variable `--description-color` como valor de la propiedad `color` a los elementos `<p>` con la clase `.description`.

PCFET0NUWVBFIGh0bWw+CjxodG1sIGxhbmc9ImVuIj4KICA8aGVhZD4KICAgIDxsaW5rIHJlbD0ic3R5bGVzaGVldCIgaHJlZj0iaW5kZXguY3NzIiAvPgogIDwvaGVhZD4KICA8Ym9keT4KICAgIDxoZWFkZXI+CiAgICAgIDxoMT5CbG9nPC9oMT4KICAgICAgPG5hdj4KICAgICAgICA8dWw+CiAgICAgICAgICA8bGk+PGEgY2xhc3M9ImxpbmsiIGhyZWY9IiMiPkhvbWU8L2E+PC9saT4KICAgICAgICAgIDxsaT48YSBjbGFzcz0ibGluayIgaHJlZj0iIyI+QWJvdXQ8L2E+PC9saT4KICAgICAgICAgIDxsaT48YSBjbGFzcz0ibGluayIgaHJlZj0iIyI+Q29udGFjdDwvYT48L2xpPgogICAgICAgIDwvdWw+CiAgICAgIDwvbmF2PgogICAgPC9oZWFkZXI+CgogICAgPG1haW4+CiAgICAgIDxhcnRpY2xlPgogICAgICAgIDxoMiBjbGFzcz0idGl0bGUiPkZpcnN0IEJsb2cgUG9zdDwvaDI+CiAgICAgICAgPHAgY2xhc3M9ImRlc2NyaXB0aW9uIj4KICAgICAgICAgIExvcmVtIGlwc3VtIGRvbG9yIHNpdCBhbWV0LCBjb25zZWN0ZXR1ciBhZGlwaXNjaW5nIGVsaXQuIE51bGxhbSBzaXQKICAgICAgICAgIGFtZXQgYXVndWUgbGliZXJvLiBOYW0gY29uc2VjdGV0dXIgbGVjdHVzIGEgZG9sb3IgYmliZW5kdW0sIG5vbgogICAgICAgICAgZXVpc21vZCBudWxsYSB1bGxhbWNvcnBlci4KICAgICAgICA8L3A+CiAgICAgIDwvYXJ0aWNsZT4KCiAgICAgIDxhcnRpY2xlPgogICAgICAgIDxoMiBjbGFzcz0idGl0bGUiPlNlY29uZCBCbG9nIFBvc3Q8L2gyPgogICAgICAgIDxwIGNsYXNzPSJkZXNjcmlwdGlvbiI+CiAgICAgICAgICBDdXJhYml0dXIgZGljdHVtIHBoYXJldHJhIG5pc2wgdmVsIGRhcGlidXMuIER1aXMgZXQgcHVydXMgdmVsIHRlbGx1cwogICAgICAgICAgc29kYWxlcyBjb25ndWUuIE51bmMgZ3JhdmlkYSBhdWd1ZSB2ZWwgZXggbHVjdHVzLCBlZ2V0IHZlc3RpYnVsdW0gbmlzbAogICAgICAgICAgbW9sZXN0aWUuCiAgICAgICAgPC9wPgogICAgICA8L2FydGljbGU+CiAgICA8L21haW4+CgogICAgPGZvb3Rlcj4KICAgICAgPHA+JmNvcHk7IDIwMjQgQmxvZy4gQWxsIHJpZ2h0cyByZXNlcnZlZC48L3A+CiAgICA8L2Zvb3Rlcj4KICA8L2JvZHk+CjwvaHRtbD4=

LyogU2V0IHRoZSBzdHlsZXMgaGVyZSAqLwoKOnJvb3QgewogIC0tbGluay1jb2xvcjogIzE5YTdjZTsKICAtLXRpdGxlLWNvbG9yOiAjMTQ2Yzk0OwogIC8qIENoYW5nZSBjb2RlIGJlbG93IHRoaXMgbGluZSAqLwogIF9fXzogX19fOwogIC8qIENoYW5nZSBjb2RlIGFib3ZlIHRoaXMgbGluZSAqLwp9CgoubGluayB7CiAgdGV4dC1kZWNvcmF0aW9uOiBub25lOwogIG1hcmdpbjogMTBweDsKICBjb2xvcjogdmFyKC0tbGluay1jb2xvcik7Cn0KCi50aXRsZSB7CiAgY29sb3I6IHZhcigtLXRpdGxlLWNvbG9yKTsKfQoKLyogQ2hhbmdlIGNvZGUgYmVsb3cgdGhpcyBsaW5lICovCl9fXyB7CiAgX19fOiBfX187Cn0=

- Utilizar `--` seguido de un nombre descriptivo para crear una variable, luego establecer `:` y asignarle un valor.
- Asignar el valor `#9e6f21` a la variable.
- Emplear `var()`, y dentro de los paréntesis, especificar el nombre de la variable para usarla como valor de una propiedad.

LyogU2V0IHRoZSBzdHlsZXMgaGVyZSAqLwoKOnJvb3QgewogIC0tbGluay1jb2xvcjogIzE5YTdjZTsKICAtLXRpdGxlLWNvbG9yOiAjMTQ2Yzk0OwogIC0tZGVzY3JpcHRpb24tY29sb3I6ICM5ZTZmMjE7Cn0KCi5saW5rIHsKICB0ZXh0LWRlY29yYXRpb246IG5vbmU7CiAgbWFyZ2luOiAxMHB4OwogIGNvbG9yOiB2YXIoLS1saW5rLWNvbG9yKTsKfQoKLnRpdGxlIHsKICBjb2xvcjogdmFyKC0tdGl0bGUtY29sb3IpOwp9CgouZGVzY3JpcHRpb24gewogIGNvbG9yOiB2YXIoLS1kZXNjcmlwdGlvbi1jb2xvcik7Cn0=

Domina los conceptos esenciales de CSS (Cascading Style Sheets), el lenguaje de estilos que transforma la apariencia 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. Ideal para principiantes que buscan establecer una base sólida en CSS.

Aprenda qué es CSS, cómo conectarlo con HTML y cómo aplicar estilos a los elementos HTML utilizando selectores. Explore conceptos fundamentales como colores de texto, pseudo-clases de acción del usuario y variables en CSS.

Descubra cómo estilizar y formatear texto en sus páginas web. Aprenda a aplicar fuentes personalizadas y explore diversas propiedades de fuente para mejorar la apariencia del texto.

Aprenda los fundamentos del modelo de caja, que define la disposición y el espaciado de los elementos en una página web. Explore conceptos como el dimensionamiento de cajas, la adición de espacio a los elementos, el trabajo con elementos de bloque e inline, y el uso de pseudoclases estructurales y funcionales para estilos avanzados.

Descubra Flexbox, un potente método de diseño en CSS para organizar elementos en filas y columnas. Aprenda a controlar la dirección, alineación y espaciado de los elementos tanto horizontal como verticalmente, así como a personalizar elementos flex individuales para lograr diseños precisos.

Aprenda a mejorar el atractivo visual de sus páginas web con CSS. Explore técnicas para aplicar colores y fondos de imagen, estilizar imágenes, utilizar pseudo-elementos decorativos y agregar sombras para crear diseños impactantes.

Desafío: Uso de Variables para una Mejor Gestión de CSS

Tarea

Awesome!

Desafío: Uso de Variables para una Mejor Gestión de CSS

Tarea