Use a CSS Class to Style an Element help me

Tell us what’s happening:
Is there anything wrong with my code please help
Im in trouble

Your code so far


  <style>
  .red-text{
     Color:red
   }

</style>

<h2 class ="red-color" >CatPhotoApp</h2>

<p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>

Your browser information:

Your Browser User Agent is: Mozilla/5.0 (Linux; Android 6.0.1; Redmi Note 3 Build/MMB29M) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/64.0.3282.137 Mobile Safari/537.36.

Link to the challenge:
https://www.freecodecamp.org/challenges/use-a-css-class-to-style-an-element


  <style>
  .red-text{
     Color:red;
   }

</style>

<h2 class ="red-text" >CatPhotoApp</h2>

<p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>

CSS rules are case sensitive. Look at the instructions on the left of the challenge and compare the .blue-text class to your code.