Improved CSS styling and fixed layout issues in index.html (vimistify…

…#605)

index.html

@@ -78,7 +78,7 @@
     h1 {
       color: #2c3e50;
       text-align: center;
-      margin-bottom: 20px;
+      margin: 20px 0;
     }
 
     .grid {
@@ -607,7 +607,8 @@ <h2>Contact Us</h2>
         flex-direction: column; 
         align-items: start; 
         min-width: 200px; 
-        margin-bottom: 20px;">
+        margin-bottom: 20px;
+        padding-left: 20px;">
           <h3 style="font-size: 1.5rem; margin-bottom: 10px; color: #2980b9;">Quick Links</h3>
           <ul style="list-style-type: none; padding: 0;">
             <li><a href="about.html" style="color: #000000; background:none; cursor: pointer; text-decoration: none;" onmouseover="this.style.color='blue'" onmouseout="this.style.color='black'">About Us</a></li>
@@ -678,7 +679,7 @@ <h3 style="font-size: 1.5rem; margin-bottom: 10px; color: #2980b9;">Subscribe to
     </div>
     <hr>
     <!-- Copyright Section -->
-    <div style="background-color: #C4D7FF; color: #000000; display: flex; justify-content: space-between; align-items: center; padding: 10px 20px;">
+    <div style="background-color: #C4D7FF; color: #000000; display: flex; justify-content: center; align-items: center; padding: 10px 20px;">
       <strong><p>&copy; 2024 AmbuFlow. All rights reserved.</p></strong>
 
       <!-- Back to Top Button -->