construction begins on a changelog page

docs/main.css

@@ -26,7 +26,7 @@ body {
     min-height: 100vh;
     display: flex;
     flex-direction: column;
-
+    justify-content: center;
 }
 
 body.dark {
@@ -52,6 +52,8 @@ nav ul {
     list-style-type: none;
     padding: 0;
     text-align: center;
+    width: auto;
+    margin-left: 50px;
 }
 
 nav ul li {
@@ -168,6 +170,25 @@ h1 {
     margin: 0 0 1rem 0
 }
 
+.column {
+    display: flex;
+    flex-direction: column;
+    gap: 10px;
+}
+
+.default-card {
+    background-color: white;
+    padding: 20px;
+    margin-top: 20px;
+}
+
+.changelog-split-row {
+    content: "";
+    display: flex;
+    flex-direction: row;
+    gap: 10px;
+}
+
 .checkbox {
     opacity: 0;
     position: absolute;