Re-Learning CSS - Rebuilding Habitica Part 01

This stream is the first on a series where I rebuild Habitica. Habitica is a habit tracker disguised as an RPG game. It's really nice to play with.

In this series, I try to re-create the Habitica design with only HTML and CSS (well, SCSS). I'm not doing any actual functionality, just the look and feel.

On this first part, I managed to get the top bar almost set up, but with a couple of small design problems.