I have tried to submit and even copied the solution but it still wont let me

Tell us what’s happening:
Describe your issue in detail here.
I made the variable and applied it but it is saying that it hasn’t been applied, I even copied the solution posted and it still won’t complete for me.

  **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; rv:97.0) Gecko/20100101 Firefox/97.0

Challenge: Store Data with Sass Variables

Link to the challenge:

The code passes for me. Do you have dark mode or night mode? Those can mess with colors. There are other browser extensions that can mess with tests.

If that doesn’t work, reboot, reset your browser cache, and/or try a different browser.

If that doesn’t work, just back out of the challenge and move onto the next one.

will try that thank you