Did everything possible! only one check... what do i do?

Tell us what’s happening:

Your code so far


<style>
button {
  border-radius: 5px;
  color: white;
  background-color: #0F5897;
  padding: 5px 10px 8px 10px;
}

button:hover {
  animation-name: background-color;
  animation-duration: 500ms;
}
@keyframes background-color;{ 
  100% { 
    background-color: #4791d0;
  }
}


</style>

<button>Register</button>

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_13_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/79.0.3945.130 Safari/537.36.

Challenge: Use CSS Animation to Change the Hover State of a Button

Link to the challenge:
https://www.freecodecamp.org/learn/responsive-web-design/applied-visual-design/use-css-animation-to-change-the-hover-state-of-a-button

What problems are you having? What questions do you have?

Your code is fine, just hit enter before @keyframes background-color

Good code:

}

@keyframes background-color;{

Your code:

}
@keyframes background-color;{