feat: fix styling

public/styles/common.css

@@ -8,10 +8,11 @@
 html,
 body {
   font-family: "Signifier", serif;
-  overscroll-behavior: none;
   margin: 0;
   padding: 0;
   height: 100%;
+  display: flex;
+  flex-direction: column;
 }
 
 header,
@@ -19,6 +20,19 @@ footer {
   padding: 20px;
 }
 
+header {
+  font-size: 1.5em;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.main {
+  display: flex;
+  justify-content: center;
+  flex: 1;
+}
+
 a {
   color: inherit;
 }

public/styles/index.css

@@ -2,41 +2,10 @@ html,
 body {
   display: flex;
   flex-direction: column;
-}
-
-header,
-footer {
-  font-size: 1.5em;
+  overscroll-behavior: none;
+  min-height: 100vh;
   display: flex;
-  align-items: center;
-}
-
-header {
-  justify-content: space-between;
-}
-footer {
-  justify-content: space-between;
-}
-
-.main {
-  flex: 1;
-  display: flex;
-}
-
-.header-links a,
-.footer-links a {
-  margin-left: 25px;
-}
-
-.greek-delta {
-  font-family: "Times New Roman", Times, serif;
-  font-size: 1.5em;
-}
-
-ul {
-  list-style: none;
-  margin: 0;
-  padding: 0;
+  flex-direction: column;
 }
 
 .content {
@@ -69,6 +38,10 @@ a {
   margin-bottom: 25px;
 }
 
+ul {
+  list-style: none;
+}
+
 .topic a {
   position: relative;
   display: inline-block;

public/styles/posts.css

@@ -1,36 +1,7 @@
-html,
-body {
-  font-family: "Signifier", serif;
-  margin: 0;
-  padding: 0;
-  height: 100%;
-  min-height: 100vh;
-  display: flex;
-  flex-direction: column;
-}
-
-header {
-  font-size: 1.5em;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-}
-
-ul {
-  list-style: unset;
-  list-style-type: "- ";
-}
-
 li {
   margin: 5px 0;
 }
 
-.main {
-  display: flex;
-  justify-content: center;
-  flex: 1;
-}
-
 .post-header {
   padding: 0;
 }
@@ -51,7 +22,7 @@ li {
 .post-title::before {
   content: "";
   position: absolute;
-  background-color: var(--topic-color, #000);
+  background-color: var(--topic-color, black);
   height: 30px;
   width: 2px;
   bottom: -10px;
@@ -61,7 +32,7 @@ li {
 .post-title::after {
   content: "";
   position: absolute;
-  background-color: var(--topic-color, #000);
+  background-color: var(--topic-color, black);
   width: 200px;
   height: 2px;
   bottom: -10px;
@@ -70,7 +41,7 @@ li {
 
 .post-meta {
   font-size: 1.3em;
-  color: #000;
+  color: black;
   margin-left: 100px;
 }