Color font issue with CSS j Query and now SASS

any time I have to change a font color while coding the task never accepts the correct answer. I had this problem with the CSS training as well and had to result to completing the tasking on my phone. All my codes are correct i’ve gone as far as taking the code from the hint/correct answer form and still no luck. Any help would be amazing I really don’t want to do this on my phone again.

  **Your code so far**

<style type='text/scss'>
$text-color: red;

.header{
  text-align: center;
}
.blog-post, h2 {
  color: $text-color;
}
</style>

<h1 class="header">Learn Sass</h1>
<div class="blog-post">
<h2>Some random title</h2>
<p>This is a paragraph with some random text in it</p>
</div>
<div class="blog-post">
<h2>Header #2</h2>
<p>Here is some more random text.</p>
</div>
<div class="blog-post">
<h2>Here is another header</h2>
<p>Even more random text within a paragraph</p>
</div>

  **Your browser information:**

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/96.0.4664.45 Safari/537.36

Challenge: Store Data with Sass Variables

Link to the challenge:

The color attribute always refers to text. So

color:red;

is what you’re looking for.
If this was your css then maybe you’re using a plugin that interferes with fcc curriculum or dark mode.