HTML, SCSS and JS.

I'm not entirely happy with this one (see problems below for details). I had problems with the recommended APIs, with one just reporting a duplicate API key, which I couldn't get past, despite trying with multiple email addresses and accounts.

This led to me using a more unreliable API as an alternative, which used http rather than https. As a result sometimes the city location is not retrieved and Chrome rejects the call. Any comments or feedback most welcome.

OK the mobile issue is really not great either. I need to add overflow:hidden to the body, and somehow add postiion:fixed as well. This is fine but it creates a new stacking context which messes things up. I need to look further into this. Suggestions welcome.