core styles moved to css

src/style.css

@@ -72,6 +72,51 @@
     --block-border-radius: 3px;
 }
 
+* {
+    margin: 0;
+    padding: 0;
+}
+
+html,
+body {
+    height: 100%;
+}
+
+body {
+    min-width: 320px;
+
+    color: var(--text-color);
+}
+
+h1 {
+    text-align: center;
+    font-size: var(--font-size-h1);
+
+    hyphens: none;
+}
+
+h2 {
+    margin: var(--single-margin) 0;
+    font-size: var(--font-size-h2);
+
+    hyphens: none;
+}
+
+h3 {
+    margin: var(--single-margin) 0;
+
+    font-size: var(--font-size-h3);
+
+    hyphens: none;
+}
+
+.actor {
+    border-bottom: 1px dashed black;
+}
+
+.actor:hover {
+    border-bottom: 2px solid black;
+}
 
 @media (max-width: 31.25em) {
     :root {

src/style/main.scss

@@ -1,45 +0,0 @@
-* {
-    margin: 0;
-    padding: 0;
-}
-
-html,
-body {
-    height: 100%;
-}
-
-body {
-    min-width: 320px;
-
-    color: var(--text-color);
-}
-
-h1 {
-    text-align: center;
-    font-size: var(--font-size-h1);
-
-    hyphens: none;
-}
-
-h2 {
-    margin: var(--single-margin) 0;
-    font-size: var(--font-size-h2);
-
-    hyphens: none;
-}
-
-h3 {
-    margin: var(--single-margin) 0;
-
-    font-size: var(--font-size-h3);
-
-    hyphens: none;
-}
-
-.actor {
-    border-bottom: 1px dashed black;
-
-    &:hover {
-        border-bottom: 2px solid black;
-    }
-}

src/style/style.scss

@@ -17,7 +17,6 @@
 
 @import "components/ArticleTags";
 
-@import "main";
 @import "body-wrapper";
 @import "content";
 @import "page-animation";