♻️ refactor: Move most inline styles out of line

- Move out of line by using already defined css classes
- Move paddings out of line
- Move margins out of line
- Move z-indexes out of line
- Move center-relative-left out of line

assets/css/main.css

@@ -451,6 +451,46 @@ pre {
   visibility: hidden;
 }
 
+.center-relative-left {
+    left: calc(max(-50vw,-800px) + 50%);
+}
+
+.margin-0 {
+    margin: 0;
+}
+.margin-top-\[-15px\] {
+    margin-top: -15px;
+}
+.margin-top-\[0\.5rem\]{
+    margin-top: 0.5rem;
+}
+.margin-right-\[10px\] {
+    margin-right: 10px;
+}
+.margin-left-\[0px\] {
+    margin-left: 0px;
+}
+
+.padding-main-menu {
+    padding: 2px 0 3px 0
+}
+.padding-top-\[5px\] {
+    padding-top: 5px;
+}
+
+.z-index-\[-10\] {
+    z-index: -10;
+}
+.z-index-80 {
+    z-index: 80;
+}
+.z-index-100 {
+    z-index: 100;
+}
+.z-index-500 {
+    z-index: 500;
+}
+
 /* Offset scroll position to avoid header overlap */
 [id^="fn"], [id^="fnref"] {
   scroll-margin-top: 145px;