diff --git a/index.html b/index.html
index 18d64dc..39ced60 100644
--- a/index.html
+++ b/index.html
@@ -1,9 +1,48 @@
+<!DOCTYPE html>
+<html lang="en">
 <head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>EaglerCraftX</title>
   <link rel="icon" type="image/x-icon" href="icon.jpeg">
+  <style>
+    body {
+      font-family: 'Arial', sans-serif;
+      background-color: #f4f4f4;
+      margin: 0;
+      padding: 0;
+      text-align: center;
+    }
+
+    h1 {
+      color: #333;
+    }
+
+    h2 {
+      color: #555;
+    }
+
+    button {
+      background-color: #4caf50;
+      color: white;
+      padding: 10px 20px;
+      font-size: 16px;
+      cursor: pointer;
+      border: none;
+      border-radius: 5px;
+      margin: 10px;
+      text-decoration: none;
+    }
+
+    button:hover {
+      background-color: #45a049;
+    }
+  </style>
 </head>
 <body>
   <h1>Welcome to EaglerCraftX</h1>
-  <h2>Pick a Client:</h1>
-  <a href="main.html"><button>Main Client</button></a> <a href="resent.html"><button>Resent Client</button></a>
+  <h2>Pick a Client:</h2>
+  <a href="main.html"><button>Main Client</button></a>
+  <a href="resent.html"><button>Resent Client</button></a>
 </body>
+</html>
