H2 element should be in blue

Tell us what’s happening:
my h2 element IS in blue so how can i move on to the next lesson?
I’ve tried several ways of spacing including whats presented in the example and in video with no success.

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 (X11; Ubuntu; Linux x86_64; rv:73.0) Gecko/20100101 Firefox/73.0.

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

Welcome to the community greenbeen! It’s awesome to have you here.

This is interesting. I copy and pasted your code into my lesson and it passed without a problem. Can you tell me what type of errors you are getting when you press the submit button? It might be worthwhile to try and submit the code you have posted here and see if that changes things. Best of luck!

do you have a dark mode browser extension? that may be causing this to fail

disabled dark mode problem solved! Thanks!