Split the HTML and CSS into manageable chunks

[jazeee]

We can use scss to split styles into nestable css, and split html blocks into separate files. Example: https://github.com/Roll20/roll20-character-sheets/tree/ad52c9b1ba9ef5521da86d79ca388af425ca2bea/Brancalonia%20Official

In the above, the example shows how to use scss to nest css to increase specificity, and to organize css into manageable sub-files. yarn compile:sass compiles the scss into a single css file.

The example also uses pug, but I would recommend we stick to html, and concatenate sub-files into a single target.

[jazeee]

@johnlamping - this example is a thought of how we can wrangle and manage code blocks, along with managing css specificity.