Fiz todos os passos mas a animação não funcionou segue código abaixo
<div class="text-center">
<h1 class="text-4xl mb-2">Alura Newsletter</h1>
<p class="text-xl text-gray-700 mb-2">Mergulhe em uma plataforma que respira tecnologia!</p>
</div>
<form>
<label class="text-sm font-bold text-gray-700 mb-2" for="email">Email</label>
<input class="text-sm font-bold w-full mb-4 pl-3 rounded border py-2 shadow focus:outline-none hover:border-azul-claro hover:ring-1 hover:ring-azul-escuro focus:border-azul-escuro focus:ring-1 focus:ring-azul-escuro" id="email" type="email" placeholder="Digite seu endereço de email">
<button class="font-bold text-white bg-azul-escuro w-full py-2 rounded-full shadow-2xl hover:bg-azul-hover duration-150" type="button">Inscreva-se</button>
</form>
</section>
</main>