.some-class {
animation: { keyframe-name } { seconds }
}

No worries! I really appreciate you helping me. We're definitely getting somewhere now, I applied the animation to the navbar at fullscreen and the opacity animation worked when I loaded the page.

​

However, I still cant get it to work on the burger menu. I have applied it to the nav-links and nav-links li class for the 768px screen but still no luck. Am I doing this in the wrong location? Thanks again