Change the front size of an element

hi, i’m still stuck on the task for changing the front size of an element , i have done every thing right but it won’t work i don’t know what’s wrong

<style>
  .red-text {
    color: red;
   {

 p{
   font-size:16px;
 }

</style>

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

<p class="red-text">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>
<p> purr jump eat the grass rip the couch scrastched sunbathe shed</p>

I cleaned up your code.
You need to use triple backticks to post code to the forum.
See this post for details.

You used an opening bracket instead of a closing one:

.red-text {
  color: red;
{ 

Should be:

.red-text {
  color: red;
}

ا have changed it. didn’t work

Just tested it, copying your code and replacing the opening bracket. It works fine for me. Maybe you can try it in another browser?

every thing is checked green, accept for the last one (between the style tags, give the P element front-size of 16px browser and txt zoom should be at %100

I tried every thing but still noy workinh