Code-Refactoring: main.css

[christian-schw]

As a developer I need the main.css to be refactored (e. g. split in multiple files or change rules) So that code is easier to maintain and to improve maintainability and scalability because it's getting bigger and more confusing

Details and Assumptions:

• Consider Atomic CSS as well while refactoring
• E. g. one file for all animations
• There are some concerns that there will be too much HTTP-requests when using multiple CSS-files -> slower loading speed. With HTTP2, it's no problem because browsers can load multiple ressources simultanously. See link: https://stackoverflow.com/questions/2336302/single-huge-css-file-vs-multiple-smaller-specific-css-files

Acceptance Criteria:

1) Acceptance Criteria: Given I want to change the CSS-code When opening the folder structure Then I don't want to waste more than 5 seconds looking for the right CSS file

2) Acceptance Criteria: Given I want to change the CSS-code When opening a CSS-file Then I don't want to waste more than 5 seconds looking for the right place in the CSS file

[christian-schw]

I did not split it, but kept the previous structure and added hints + table of contents in main.css.