## Tarefa
O objetivo é estilizar uma página web de blog. As instruções são as seguintes:
1. Definir a cor no bloco `:root`:
   - Criar uma variável chamada `--description-color` e atribuir a ela o valor `#9e6f21`.
2. Aplicar a variável `--description-color` como valor da propriedade `color` aos elementos `<p>` com a classe `.description`.

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

LyogU2V0IHRoZSBzdHlsZXMgaGVyZSAqLwoKOnJvb3QgewogIC0tbGluay1jb2xvcjogIzE5YTdjZTsKICAtLXRpdGxlLWNvbG9yOiAjMTQ2Yzk0OwogIC8qIENoYW5nZSBjb2RlIGJlbG93IHRoaXMgbGluZSAqLwogIF9fXzogX19fOwogIC8qIENoYW5nZSBjb2RlIGFib3ZlIHRoaXMgbGluZSAqLwp9CgoubGluayB7CiAgdGV4dC1kZWNvcmF0aW9uOiBub25lOwogIG1hcmdpbjogMTBweDsKICBjb2xvcjogdmFyKC0tbGluay1jb2xvcik7Cn0KCi50aXRsZSB7CiAgY29sb3I6IHZhcigtLXRpdGxlLWNvbG9yKTsKfQoKLyogQ2hhbmdlIGNvZGUgYmVsb3cgdGhpcyBsaW5lICovCl9fXyB7CiAgX19fOiBfX187Cn0=

- Utilize `--` seguido de um nome descritivo para criar uma variável, depois defina `:` e atribua um valor.
- Atribua o valor `#9e6f21` à variável.
- Empregue `var()`, e dentro dos parênteses, especifique o nome da variável para utilizá-la como valor de uma propriedade.

LyogU2V0IHRoZSBzdHlsZXMgaGVyZSAqLwoKOnJvb3QgewogIC0tbGluay1jb2xvcjogIzE5YTdjZTsKICAtLXRpdGxlLWNvbG9yOiAjMTQ2Yzk0OwogIC0tZGVzY3JpcHRpb24tY29sb3I6ICM5ZTZmMjE7Cn0KCi5saW5rIHsKICB0ZXh0LWRlY29yYXRpb246IG5vbmU7CiAgbWFyZ2luOiAxMHB4OwogIGNvbG9yOiB2YXIoLS1saW5rLWNvbG9yKTsKfQoKLnRpdGxlIHsKICBjb2xvcjogdmFyKC0tdGl0bGUtY29sb3IpOwp9CgouZGVzY3JpcHRpb24gewogIGNvbG9yOiB2YXIoLS1kZXNjcmlwdGlvbi1jb2xvcik7Cn0=

Domine os conceitos essenciais de CSS (Cascading Style Sheets), a linguagem de estilização que transforma a aparência das páginas web. Explore conceitos fundamentais como estilos de texto, cores, espaçamento, modelo de caixa, Flexbox e efeitos decorativos. Desenvolva habilidades para criar páginas web visualmente atraentes e bem estruturadas. Ideal para iniciantes que desejam estabelecer uma base sólida em CSS.

Aprenda o que é CSS, como conectá-lo ao HTML e como estilizar elementos HTML utilizando seletores. Explore conceitos fundamentais como cores de texto, pseudo-classes de ação do usuário e variáveis em CSS.

Descubra como estilizar e formatar texto em suas páginas web. Aprenda a aplicar fontes personalizadas e explore diversas propriedades de fonte para aprimorar a aparência do texto.

Aprenda os fundamentos do modelo de caixa, que define o layout e o espaçamento dos elementos em uma página web. Explore conceitos como dimensionamento de caixas, adição de espaço aos elementos, trabalho com elementos de bloco e em linha, e utilização de pseudo-classes estruturais e funcionais para estilização avançada.

Descubra o Flexbox, um método avançado de layout em CSS para organizar elementos em linhas e colunas. Aprenda a controlar a direção, o alinhamento e o espaçamento dos elementos horizontal e verticalmente, além de personalizar itens individuais para layouts precisos.

Aprenda a aprimorar o apelo visual de suas páginas web com CSS. Explore técnicas para aplicar cores e imagens de fundo, estilizar imagens, utilizar pseudo-elementos decorativos e adicionar sombras para criar designs impressionantes.

Desafio: Use Variáveis para Melhor Gerenciamento de CSS

Tarefa

Awesome!

Desafio: Use Variáveis para Melhor Gerenciamento de CSS

Tarefa