Cascading Style Element Confusion

Tell us what’s happening:
Describe your issue in detail here.

I am having difficulty understanding how to use the style element in CSS to turn the headline blue.

  **Your code so far**

<style>
<h2>  {CatPhotoApp color: blue; 
} </h2>
</style>
<main>
<p>Click here to view more <a href="#">cat photos</a>.</p>

<a href="#"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>

<div>
  <p>Things cats love:</p>
  <ul>
    <li>cat nip</li>
    <li>laser pointers</li>
    <li>lasagna</li>
  </ul>
  <p>Top 3 things cats hate:</p>
  <ol>
    <li>flea treatment</li>
    <li>thunder</li>
    <li>other cats</li>
  </ol>
</div>

<form action="https://freecatphotoapp.com/submit-cat-photo">
  <label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
  <label><input type="radio" name="indoor-outdoor"> Outdoor</label><br>
  <label><input type="checkbox" name="personality" checked> Loving</label>
  <label><input type="checkbox" name="personality"> Lazy</label>
  <label><input type="checkbox" name="personality"> Energetic</label><br>
  <input type="text" placeholder="cat photo URL" required>
  <button type="submit">Submit</button>
</form>
</main>
  **Your browser information:**

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/99.0.4844.84 Safari/537.36

Challenge: Use CSS Selectors to Style Elements

Link to the challenge:

The code between the <style></style> tags is CSS and it follow different syntax, not the one you use to display HTML elements. Look in the challenge description, there is an example snippet, which targets a h2 tag and apply styles to it.

It looks like you have html tags inside your style section. Those shouldn’t be there. Slow down, read the instructions again, and look carefully at the example that is provided.