Filtering with lots of animation using CSS and JS

This was an interesting challenge. However, I think it would have been much better to complete it using React or some other JS framework. Anyway, I decided to make the site with pure JS and HTML, CSS (with lots of copy & paste) 😏

Functionality:

• Click filter tablets to select the right jobs;
• Click on the job title to move the page to the top;
• Press "ESC" key or click "Clear" button to remove all the filters;
• You can also TAB through all the job vacancies and chosen filters using "tab" button (or shift + tab to go backwards);

Bugs & small issues:

• 🔉 In Firefox the clicking sound doesn't work well. (It either doesn't sound the way it should or not sound at all.) The "remove" sound works all right, though.
• ❎ Firefox depicts "×" (the one that you see on the "remove filter" button) in a different way, which isn't pretty at all.

P.S. I created the JS functionality without using "data-*" attributes in HTML, which was advised in README.md. Probably, I'm missing out on something and don't understand the right way of going about this 🙁

As always, any feedback would be highly appreciated 😊