Semantic HTML, CSS custom properties, Flexbox, Pseudo elements

I would like some feedback on the semantic HTML and also if you spot something about the CSS I could have done smarter, feel free to comment on that as well. I tried (and succeeded) to avoid div elements and stuck to what I consider to be more semantically correct elements to use. After debating myself a little I chose a description list for the stats instead of an unordered list. It made it easier to place the stats on 2 lines using flexbox and I feel I can defend my choice, albeit the terms and descriptions are a bit short in that context. Let me know what you think - thanks!