My css code grays out depending on its location

Hi, when I type out a certain code, it turns gray depending on its location or where I place it. I’m not good at explaining so I’m just going to insert screenshots. Also I’m new to coding, I just started today so sorry if it’s a dumb question.

At first, the “border-right: 5px red solid;” code is gray when placed in 20…

And then, when placed in line 14, the code becomes normal looking and less grayed out…

I would like to know how to solve this please.

Hello, I realized the problem 30 minutes later, basically I didn’t put a semicolon “;” at the end of the previous code… the previous code in line 19 should be “color:white;” not just “color:white”

It’s always the small things that break your code :smiley: