Entrega: Estilizando um Menu de Restaurante

Para essa entrega você irá seguir as seguintes instruções para chegar até ambos os layouts sugeridos para o menu.

Menu 1

Para o layout do menu 1, você utilizará as seguintes propriedades:

Fonte

1. Aplicou fontes e tamanhos apropriados:
   • Family ‘Lato’ com tamanho 18px no body;
   • Family ‘Supermercado One’ com tamanho 45px apara o nome do restaurante;
   • Aplicou negrito e tamanho de 20px aos nomes de cada item do menu.

Cores

2. Usou as cores corretamente nas fontes:
   • Aplicou #5d4037 ao nome do restaurante;
   • Aplicou #6d4c41 aos cabeçalhos das seções;
   • Utilizou a keyword firebrick ou #b22222 para os preços dos itens.

Cabeçalho

3. Os cabeçalhos das seções do menu (ex: “Starters”) estão em small-caps.

Bordas

4. Adicionou um separador entre as colunas(column-rule) e adicionou uma borda ao redor do endereço/rodapé:
   • O separador e a borda são tracejadas com espessura de 2px e na cor rosybrown ou #bc8f8f.

Fundo

5. Aplicou a imagem 'map-b.jpg' para o fundo do menu.

Menu 2

Para o layout do menu 2, você utilizará as seguintes propriedades:

Fontes

1. Aplicou fontes e tamanhos apropriados:
   • Family Oswald com tamanho de 14px no body;
   • Family Bungee Inline com tamanho de 46px com um peso mais leve ao nome do restaurante;
   • Aplicou negrito e tamanho de 16px a cada nome de item do menu.

Cabeçalho

2. Cada cabeçalho de seção (ex. "Starters") está em maiúsculas.

Itens do menu

3. Existe uma vírgula depois de cada item do menu antes da descrição.

Rodapé

4. O endereço/rodapé está alinhado à direita.

Borda

5. Existe uma borda preta com 2px de largura ao redor das seções "starters" e "desserts" do menu.