All solutions

For the themes I used 3 different classes which I added and removed from the HTML document with JavaScript. However, when I tried to use "prefers-color-scheme" in CSS, I couldn't switch between the other themes any more. So I decided to leave it out for now. I have to do some more researching about it.

I couldn't manage to make the flip animation in JS, so I am leaving it for later unless someone is willing to point me in the right direction.

Furthermore, I'm not sure whether I can use transform: scale the way I'm using it for the media queries.

Thanks a lot.

My script is terrible. I am 100% certain that there are plenty of other, better ways to achieve the same functionality. But hey, it works! 🙂💪

I have absolutely no clue why the links in the footer show like this. They look fine on my end when I'm using live server. If anyone is kind enough to take a look and try to locate what's going on, I'd be forever grateful. Thanks a lot.