How would you reverse an animation? Help!

I’m doing the second entry for 100 Days CSS Challenge

So far I’ve been able to do the animation when the menu icon is clicked, but it just snaps back when clicked again. I have no idea how to do the reverse animation. Take a look:
https://codepen.io/graycoatkev/pen/QrebdY?editors=1100

think you can do it in js by removing hamburger_active class and apply a new class that will trigger the reverse animation.

Yeah, that works. Thanks!

You are very welcome. :+1: