Aprende CSS básico construyendo un menú de cafetería - Paso 12

Saludos colegas,

agradezco la ayuda, no me deja avanzar lo he hecho de multiples maneras pero no encuentro el fallo, cada una tiene su selector he utilizado tambien un selector para las tres, llevo muchas horas y no logro comprender que esta mal, gracias

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <title>Cafe Menu</title>

<!-- User Editable Region -->

    <style>
      h1 {
        text-align: center;
      }
      h2 {
        text-align: center;
      }
      p {
        text-align: center;
      }
    </style>

<!-- User Editable Region -->

  </head>
  <body>
    <main>
      <h1>CAMPER CAFE</h1>
      <p>Est. 2020</p>
      <section>
        <h2>Coffee</h2>
      </section>
    </main>
  </body>
</html>

Información de tu navegador:

El agente de usuario es: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/114.0.0.0 Safari/537.36

Challenge: Aprende CSS básico construyendo un menú de cafetería - Paso 12

Enlaza al desafío:

Usando tu código funciona sin problemas.

Intenta resetear el reto y vuelve a pegar tu código.