fix landing page styling

website/src/css/style.css

@@ -2,14 +2,11 @@ html {
   scroll-behavior: smooth;
 }
 
-h1::before,
-h2::before,
-h3::before, 
 #comparison::before {
   display: block;
   content: " ";
   margin-top: -80px;
-  height: 100px;
+  height: 120px;
   visibility: hidden;
   pointer-events: none;
 }

website/src/index.html

@@ -304,7 +304,7 @@
     </section>
 
     <section id="messaging">
-    <div class="container">
+    <div class="container flex flex-col items-center">
       <div>
       <h2>SimpleX messaging protocol</h2>
       <h3>Unidirectional (simplex) queues</h3>
@@ -328,7 +328,7 @@
     </section>
 
     <section id="chat">
-      <div class="container">
+      <div class="container flex flex-col items-center">
       <div>
       <h2>Chat</h2>
       <h3>Communication integrity</h3>