Error free code won't pass the test

Tell us what’s happening:
I am unable to move beyond this lessong. When I run the tests I am given the erros however my code appears to be correct (based on the video and forum)

Your code so far


  .balls {
    border-radius: 50%;
    background: linear-gradient(
      35deg,
      #ccffff,
      #ffcccc
    );
    position: fixed;
    width: 50px;
    height: 50px;
    margin-top: 50px;
    animation-name: bounce;
    animation-duration: 2s;
    animation-iteration-count: infinite;
  }
 #ball1 { 
    left:27%;
    animation-timing-function: linear;
  }
  #ball2 { 
    left:56%;
    animation-timing-function: ease-out;
  }

  @keyframes bounce {
    0% {
      top: 0px;
    }
    100% {
      top: 249px;
    }
  }

</style>

<div class="balls" id="ball1"></div>
<div class="balls" id="ball2"></div>


<style>

 .balls {
   border-radius: 50%;
   background: linear-gradient(
     35deg,
     #ccffff,
     #ffcccc
   );
   position: fixed;
   width: 50px;
   height: 50px;
   margin-top: 50px;
   animation-name: bounce;
   animation-duration: 2s;
   animation-iteration-count: infinite;
 }
#ball1 { 
   left:27%;
   animation-timing-function: linear;
 }
 #ball2 { 
   left:56%;
   animation-timing-function: ease-out;
 }

 @keyframes bounce {
   0% {
     top: 0px;
   }
   100% {
     top: 249px;
   }
 }

</style>

<div class="balls" id="ball1"></div>
<div class="balls" id="ball2"></div>

Your browser information:
Microsoft Edge 41.16299.1419.0

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

Challenge: Change Animation Timing with Keywords

Link to the challenge:
https://www.freecodecamp.org/learn/responsive-web-design/applied-visual-design/change-animation-timing-with-keywords

.balls { border-radius: 50%; background: linear-gradient( 35deg, #ccffff, #ffcccc ); position: fixed; width: 50px; height: 50px; margin-top: 50px; animation-name: bounce; animation-duration: 2s; animation-iteration-count: infinite; } #ball1 { left:27%; animation-timing-function:linear; } #ball2 { left:56%; animation-timing-function:ease-out; } @keyframes bounce { 0% { top: 0px; } 100% { top: 249px; } }