CSS - styling with ID selectors should be converted to styling with classes

[sertmer]

There are a number of ID selectors in the Base.scss file. Turing's style guide for CSS states:

• “While it is possible to select elements by ID in CSS, it should generally be considered an anti-pattern. ID selectors introduce an unnecessarily high level of specificity to your rule declarations, and they are not reusable.”

I think we should convert these to classes to have some more consistency, but I have a nagging feeling that these might be tied to the chartsJS functionality. I haven't used chartsJS yet, and so I'm not sure. Does anyone know if Charts require an ID to style?

[sertmer]

Here are the line numbers for the ID selectors

• 144,
• 159,
• 163,
• 174,
• 178,
• 239,
• 255,
• 309,
• 314,
• 320,
• 324,
• 325,
• 326