Objetivo: Cumprir as user stories abaixo e fazer todos os testes passarem para completar o laboratório. Histórias de Usuário: 1. Você deve ter uma div com uma classe de form-container para conter o formulário. 2. Você deve ter um elemento form dentro do elemento .form-container. 3. Dentro do elemento form, você deve ter os seguintes elementos e campos de entrada:

• Um elemento h2 com algum texto.
• Um campo de entrada de texto para o nome com o type definido como text e atributos id, name, required.
• Um campo de entrada de e-mail com o type definido como email e atributos id, name, required.
• Uma área de texto para a mensagem com id, name e o atributo required.
• Um elemento button com o texto "Submit" e um atributo type de submit.

4. Cada elemento input e textarea deve ter um elemento label correspondente com um atributo for definido para o id do elemento. 5. O elemento .form-container deve ter uma cor de fundo e valores para border-radius, padding e width. 6. Os elementos label devem ter uma margem e uma cor de fonte. 7. Os elementos input e textarea devem ter valores para:

• width.
• padding.
• Margem na parte inferior.

8. O elemento button deve ter:

• Cor de fundo
• Tamanho da fonte diferente do padrão.

9. O botão deve ter um efeito ao passar o mouse que altera a cor de fundo. Nota: Certifique-se de vincular sua folha de estilos no seu HTML e aplicar seu CSS.

Testes:

• Você deve ter uma `div` com uma classe de `form-container`.
• Você deve ter um elemento `form` dentro do elemento `.form-container`.
• Dentro do `form`, você deve ter um elemento `h2` com algum texto.
• Dentro do `form`, você deve ter um campo de entrada de texto com o tipo definido como `text`.
• O campo de entrada `type=text` deve ter um `id`, um `name` e um atributo `required`.
• Dentro do `form`, você deve ter um campo de entrada de e-mail com o `type` definido como `email`.
• O campo de entrada `type=email` deve ter um `id`, um `name` e um atributo `required`.
• Dentro do `form`, você deve ter um `textarea` com um `id`, `name` e um atributo `required`.
• Dentro do `form`, você deve ter um elemento `button` com um atributo `type` de `submit`.
• O botão deve ter um texto de `"Submit"`.
• Você deve ter um elemento `label` para o elemento `#name` com um atributo `for` que corresponda ao valor do `id` no `input` correspondente.
• Você deve ter um elemento `label` para o elemento `#email` com um atributo `for` que corresponda ao valor do `id` no `input` correspondente.
• Você deve ter um elemento `label` para o elemento `#message` com um atributo `for` que corresponda ao valor do `id` no `textarea`.
• Os rótulos (labels) não devem estar vazios.
• O elemento `.form-container` deve ter uma cor de fundo.
• O elemento `.form-container` deve ter um `border-radius`.
• O elemento `.form-container` deve ter padding.
• O elemento `.form-container` deve ter uma largura.
• Os rótulos devem ter uma margem e cor da fonte.
• Os elementos `input` devem ter uma largura, padding e uma margem na parte inferior.
• O elemento `textarea` deve ter uma largura, padding e margem na parte inferior.
• O elemento `button` deve ter uma cor de fundo.
• O elemento `button` deve ter um tamanho de fonte.
• O elemento `button` deve ter um efeito ao passar o mouse que altera a cor de fundo.