Solucionado
Tenho uma dúvida sobre o nome das classes dos botões. O nome da classe da tecla Pom é "tecla_pom", porém dentro do html, a classe é declarada como class="tecla tecla_pom". Não deveria ser somente class="tecla_pom"? Porque tem essa palavra "tecla" antes do tecla_pom?
Oi, Arthur. Sao duas classes distintas, tecla e tecla_pom
Você pode ter várias classes dentro do atributo class
Porém, não existe a class tecla_pom no estilos.css
Isso não gera erro, mas não é uma boa prática.
Ele poderia ter usado o atributo data
Ex.:
<button class="tecla" data-som="pom">Pom</button>