Learn Basic CSS by Building a Cafe Menu - Step 12

Tell us what’s happening:
Describe your issue in detail here.
I need help here please. I do not know where exactly to place my code.
Thanks.

  **Your code so far**
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8" />
  <title>Cafe Menu</title>
   <style
  <h1> {
   text-align: center;
   </h1>
   }
   </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/104.0.0.0 Safari/537.36

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

Link to the challenge:

Hi Praise19, next time please elaborate more specific about your situation. We need to know about what code you are trying to write so we can come up with better solution together.
As I check my self on Step 12 your placement is correct but your there is something missing on your code and extra things in your code that you don’t need
hint:
check your style and h1.

If you find this useful and help you solve with you question please mark it as solution. Thank you