Boletim informativo com mensagem de sucesso utilizando HTML/CSS/JS

What are you most proud of, and what would you do differently next time?

Foco e concentração.

What challenges did you encounter, and how did you overcome them?

Um pouco de dificuldade da validação do formulário, mas acabei chegando onde gostaria, finalizando o projeto.

What specific areas of your project would you like help with?

No JavaScript. Ao checar a validação do email, não achei solução, os efeitos não aparecem quando é preenchido um email inválido, com caracteres incorretos, o efeito de style.backgroundColor e style.border não surtem efeito. Por exemplo, " adriano#hotmail.com " um email inválido preenchido, sem o caracter " @ ", nenhum efeito é reconhecido, sei que talvez utilizazr REGEX seria uma boa maneira de solucionar esse problema, mas ainda sei pouco sobre Regular Expression.