Learn Basic CSS by Building a Cafe Menu - Step 13

Tell us what’s happening:
Describe your issue in detail here.
Hey so I centered the text but I did it in a way that was right but still wrong. Tried looking up the answer for what selectors specifically are and how to format them but I’m still stuck. Help is appreciated!!!

Your code so far

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <title>Cafe Menu</title>
    <style>
      h1 {
        text-align: center;
      }
    </style>
    <style>
      h2 {
        text-align: center;
      }
    </style>
    <style>
      p{
        text-align: center;
      }
    </style>
  </head>
  <body>
    <header>
      <h1>CAMPER CAFE</h1>
      <p>Est. 2020</p>
    </header>
    <main>
      <section>
        <h2>Coffee</h2>
      </section>
    </main>
  </body>
</html>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/105.0.0.0 Safari/537.36 Edg/105.0.1343.50

Challenge: Learn Basic CSS by Building a Cafe Menu - Step 13

Link to the challenge:

The new ones you added should all be in the same style element as the h1.

You only need one style element.

Move all your css so it is together in one block inside the first style element and get rid of the extra style elements.