Applied Visual Design: Adjust the Color of Various Elements to Complementary Colors - help

Tell us what’s happening:
When I run the tests, it doesn’t work.

Your code so far


<style>
body {
  background-color: white;
}
header {
  background-color: #09A7A1;
  color: white;
  padding: 0.25em;
}
h2 {
  color: #09A7A1;
}
button {
  background-color: #FF790E;
}
footer {
  background-color: #09A7A1;
  color: white;
  padding: 0.5em;
}
</style>
<header>
<h1>Cooking with FCC!</h1>
</header>
<main>
<article>
  <h2>Machine Learning in the Kitchen</h2>
  <p>Join this two day workshop that walks through how to implement cutting-edge snack-getting algorithms with a command line interface. Coding usually involves writing exact instructions, but sometimes you need your computer to execute flexible commands, like <code>fetch Pringles</code>.</p>
  <button>Sign Up</button>
</article>
<article>
  <h2>Bisection Vegetable Chopping</h2>
  <p>This week-long retreat will level-up your coding ninja skills to actual ninja skills. No longer is the humble bisection search limited to sorted arrays or coding interview questions, applying its concepts in the kitchen will have you chopping carrots in O(log n) time before you know it.</p>
  <button>Sign Up</button>
</article>
</main>
<br>
<footer>&copy; 2018 FCC Kitchen</footer>

Your browser information:

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

Challenge: Adjust the Color of Various Elements to Complementary Colors

Link to the challenge:

It worked for me may be it is because of safari browser .
As i saw from others issue it seems there is some problem with safari support
It was suggested to use different browser :slightly_smiling_face:

your code passes for me, make sure your browser is updated to last version, and try also without browser extensions

I tried disabling my ad blocker and it worked, thanks.