Formulário animado com JS puro e CSS animation

Desafios

• Fazer o formulário aparecer, suavemente, quando a página abrir

• Fazer os campos aparecem da esquerda pra direita, suavizando a entrada e fazendo-os entrar em momentos distintos

• Quando clicar em Login, fazer o formulário sair da tela, indo para baixo

• Remover formulário do html e não mostrar rolagem enquanto o formulário está saindo da tela

• Adicionar um efeito diferente de timing para a saída do formulário

• Fazer o formulário dizer não-não (vibrar) caso haja campos vazios

• Criar alguns quadrados animados (que fiquem girando) e que saem de baixo da tela (fora do campo de visão) e vão para cima da tela (que saia do campo de visão também). Detalhes: Deve ter tamanhos diferentes, sairem em momentos diferentes, terem timing diferente, animação contínua.