Basic CSS: Use CSS Selectors to Style Elements

Tell us what’s happening:
I’ve looked at the forums, watched the help video, and looked at the hints but i can’t figure out why it keeps saying my h2 tag is not blue. It even turned the h2 tag blue and you can see it as blue right above the cat picture. And i’ve tried refreshing it, changing the curly braces from being on the same line to this format :

element should be blue. // tests completed

Your code so far


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

<a href="#"><img src="https://bit.ly/fcc-relaxing-cat" 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="/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 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/79.0.3945.130 Safari/537.36.

Challenge: Use CSS Selectors to Style Elements

Link to the challenge:
https://www.freecodecamp.org/learn/responsive-web-design/basic-css/use-css-selectors-to-style-elements

Your code passes for me. Do you have a browser extension that changes the appearance of webpages (such as a “dark mode” extension)?