chore: remove redundant repeated css imports

style.css

@@ -1,3 +1,5 @@
+@import url('/styles/variables.css');
+@import url('/styles/scrollbar.css');
 @import url('/styles/common.css');
 @import url('/styles/classes/breaks.css');
 @import url('/styles/classes/flex.css');

styles/bundles/complete.css

@@ -1,3 +1,5 @@
+@import url('/styles/variables.css');
+@import url('/styles/scrollbar.css');
 @import url('/styles/common.css');
 @import url('/styles/classes/breaks.css');
 @import url('/styles/classes/flex.css');

styles/common.css

@@ -1,6 +1,3 @@
-@import url('/styles/variables.css');
-@import url('/styles/scrollbar.css');
-
 h1, h2, h3, h4, h5 {
   font-family: var(--font);
   font-weight: 700;

styles/components/footer.css

@@ -1,4 +1,3 @@
-@import url('/styles/common.css');
 footer {
   margin-top: 1em;
   color: var(--dark-text);

styles/components/header.css

@@ -1,5 +1,3 @@
-@import url('/styles/common.css');
-
 header {
   position: fixed;
 

styles/components/pre-icon.css

@@ -1,5 +1,3 @@
-@import url('/styles/common.css');
-
 .pre-icon {
   display: inline-flex;
   align-items: center;

styles/components/reference.css

@@ -1,5 +1,3 @@
-@import url('/styles/common.css');
-
 a.reference:link,
 a.reference:visited {
   color: inherit;