From e30f748074199ef5b3fefe78fe6c49a8c460ef27 Mon Sep 17 00:00:00 2001
From: frubcoin <160479988+frubcoin@users.noreply.github.com>
Date: Thu, 17 Oct 2024 03:12:55 -0700
Subject: [PATCH] Update index.html

---
 index.html | 70 +++++++++++++++++++++++++++---------------------------
 1 file changed, 35 insertions(+), 35 deletions(-)

diff --git a/index.html b/index.html
index 8d2828b..f3a1bab 100644
--- a/index.html
+++ b/index.html
@@ -109,21 +109,20 @@
       }
     
       body {
-        
-      font-family: "Encode Sans Expanded", sans-serif;
-      font-weight: 700;
-      font-style: normal;
-        color: var(--text-color);
-        margin: 0;
-        padding: 0;
-        display: flex;
-        flex-direction: column;
-        align-items: center;
-        min-height: 100vh;
-        position: relative;
-    
-    
-      }
+    font-family: "Encode Sans Expanded", sans-serif;
+    font-weight: 700;
+    font-style: normal;
+    color: var(--text-color);
+    margin: 0;
+    padding: 0;
+    display: flex;
+    justify-content: center; /* Center everything horizontally */
+    align-items: center; /* Center everything vertically */
+    min-height: 100vh;
+    position: relative;
+}
+
+
     
     
       @media (max-width: 768px) {
@@ -161,26 +160,27 @@
       }
     
       .content-wrapper {
-        background-color: var(--bg-color);
-        width: 100%;
-        min-height: 100vh;
-        display: flex;
-        justify-content: center;
-        align-items: flex-start;
-        padding-top: 40px;
-      }
-    
-      .container {
-        max-width: 600px;
-        width: 100%;
-        padding: 20px;
-        box-sizing: border-box;
-      }
-    
-      header {
-        text-align: center;
-        margin-bottom: 30px;
-      }
+    background-color: var(--bg-color);
+    width: 100%;
+    display: flex;
+    height: 100vh;
+    justify-content: center; /* Center the content horizontally */
+    align-items: center; /* Center the content vertically */
+    padding-top: 0; /* Remove extra padding */
+}
+
+.container {
+    max-width: 600px;
+    width: 100%;
+    padding: 20px;
+    box-sizing: border-box;
+    text-align: center; /* Center text inside the container */
+}
+
+header {
+    text-align: center;
+    margin-bottom: 30px;
+}
     
       .avatar {
         width: 120px;