All solutions

Struggled a little bit with setting up animation, but worked in the end.

All feedback is very welcome :)

• It's my first experiment with ARIA roles & states and designing a site for a screen reader. While controls (search form, dark mode, filter by region) are pretty straight forward, I am wondering how should I approach widgets of countries that are clickable. I labelled them as buttons to have the built in browser support. Is that OK? or should I create some other custom element?
• I also recently heard that most of the screen reader users use headings as navigation. Should countries widgets in this case include <h2>${country.name}</h2>?