Improve the layout of the home page

static/style.css

@@ -75,6 +75,10 @@ p {
   text-align: justify;
 }
 
+.text-align\:center {
+  text-align: center !important;
+}
+
 html, body {
   background: var(--color-light-background);
   color: var(--color-secondary);
@@ -86,7 +90,7 @@ main {
   display: flex;
   flex-direction: column;
   justify-content: center;
-  max-width: calc(70ch + 60px);
+  max-width: 900px;
 }
 
 .title, h1 {
@@ -208,12 +212,20 @@ a:hover {
 .cluster {
   display: flex;
 }
+.stack {
+  display: flex;
+  flex-direction: column;
+}
+
 .spacing\:between {
   justify-content: space-between;
 }
 .align\:center {
   align-items: center;
 }
+.justify\:center {
+  justify-content: center;
+}
 
 .icon {
   width: 24px;
@@ -225,6 +237,12 @@ a:hover {
 .s1 {
   gap: 10px;
 }
+.s2 {
+  gap: 20px;
+}
+.s3 {
+  gap: 30px;
+}
 
 .p1 {
   padding: 10px;
@@ -264,5 +282,5 @@ a:hover {
 }
 
 .http-header {
-  margin-top: 10vh;
+  class="home-page-header" margin-top: 10vh;
 }