Animação não funcionou

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>