Clone este repositório na sua máquina.

A sua estrutura HTML estará assim:

Atenção: para fazer estes exercícios não é necessário atualizar o HTML, apenas o CSS.

1. Aplique um fundo verde à div pai (ou seja, a div com a classe "container") que engloba todos os elementos.
2. Aplique no fundo alguma cor em hexadecimal para todos os itens dentro da div com a classe "cabecalho" e alinhe os textos ao centro. Verifique se todos os textos dentro da div com a classe "cabecalho" estão devidamente centralizados.
3. Note que o título e o subtítulo dentro da div com a classe "cabecalho" estão do mesmo tamanho. Crie uma classe específica para o título principal, altere a cor para alguma de sua preferência, aplique bold e defina o tamanho para 32px.
4. Crie uma classe para o subtítulo do cabeçalho e ajuste a cor conforme preferir.
5. Altere o fundo da div "conteudo" para uma cor conforme preferir.
6. Aplique uma cor aos textos dentro da classe "container", utilizando a propriedade color com o valor desejado.
7. Modifique a cor dos textos dentro da div com a classe "conteudo" para alguma cor de sua preferência, aplicando a cor diretamente na classe "conteudo".

Sem aplicar uma classe específica para "Título do Parágrafo", crie uma regra para que somente os elementos com a tag p que sejam "filhos" da div "conteudo" tenham cor #E4005A e um tamanho de 42px.

Altere o HTML. Adicione um novo parágrafo para div "cabecalho" de maneira que esta div tenha 4 filhos do tipo p.

Altere o CSS de forma que apenas o terceiro parágrafo filho de div "conteudo" tenha a cor roxa e subscrito.

Altere o CSS de forma que, quando a janela tiver menos de 480px de largura, div "container" tenha fundo azul (usar lightblue, #ADD8E6).