Removed grid centering from main since it's not used in other pages, now an utility class

html/assets/css/composition.css

@@ -1,5 +1,6 @@
 header {
     position: fixed;
+    top: 0;
     display: flex;
     justify-content: space-between;
     align-items: center;
@@ -9,10 +10,13 @@ header {
 
 main {
     height: 100vh;
-    display: grid;
-    place-items: center;
 }
 
 nav li {
     display: inline-block;
+}
+
+article {
+    max-width: 60ch;
+    padding:
 }

html/assets/css/utilities.css

@@ -8,4 +8,18 @@
 
 .flex-grow {
     flex-grow: 1;
+}
+
+/* .translateY-minus50 {
+    transform: translateY(-50%);
+} */
+
+.grid-items-center {
+    display: grid;
+    place-items: center;
+}
+
+
+.margin-top-100px {
+    margin-top: 100px;
 }