new css

src/css/style.css

@@ -1,28 +1,45 @@
+@import url("./normalize.css");
 @import url("./variables.css");
-@import url("./reset.css");
 @import url("./header.css");
 @import url("./footer.css");
-@import url("./post.css");
 
 html,
 body {
-  font-family: sans-serif;
+  font-family: "Inter", sans-serif;
+  background-color: antiquewhite;
+  color: var(--text-color);
 }
 
-body,
-html {
-  background-color: var(--white);
+h1,
+h2,
+h3 {
+  font-family: "Caveat", sans-serif;
+  font-weight: bold;
+  margin-bottom: 4px;
+}
+
+h1 > a,
+h2 > a,
+h3 > a,
+article > a {
+  text-decoration: none;
   color: var(--text-color);
 }
 
 main {
+  padding: 16px;
   display: flex;
   flex-direction: column;
   align-items: center;
-  justify-content: center;
-  padding: 16px;
 }
 
-main * {
-  max-width: 768px;
+main > * {
+  flex: 1;
+  width: 768px;
+}
+
+@media (max-width: 400px) {
+  main > * {
+    width: 100%;
+  }
 }