14 - Estilizando o Formulário - parte 1

[Kel2203]

• Na classe form-container, adicione:
  • largura de 100%;
  • preenchimento de 40px 20px;
  • Na classe card-form, adicione:
  • cor de fundo com a cor #141e30;
  • largura de 100%;
  • largura máxima de 600px;
  • margem 0 auto ;
  • borda arredondada de 18px;
  • cursor pointer;
  • preenchimento de 20px;
  • overflow hidden;
• Na classe card-form:hover, adicione seguinte código:
  • box-shadow: #000 5px 10px 50px , #000 -5px 0px 250px;

Então, no geral, o código cria duas sombras: uma sombra preta mais escura que está deslocada para a direita e para baixo do elemento, e uma sombra preta mais clara que está deslocada para a esquerda e se espalha bastante. Essas sombras combinadas podem dar uma sensação de profundidade ou destaque ao elemento na página.

O Formulário deve ficar assim ao final dessa etapa!

OBS: pesquise na internet como fazer essas modificações no CSS.

• ex: “Como colocar largura no css?”