diff --git a/index.html b/index.html
index 10f3a5c..65565af 100644
--- a/index.html
+++ b/index.html
@@ -1,5 +1,6 @@
 <!DOCTYPE html>
 <html lang="en">
+
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
@@ -9,11 +10,11 @@
     <link rel="icon" type="image/png" sizes="16x16" href="img/favicon-16x16.png">
     <link rel="manifest" href="img/site.webmanifest"> -->
 
- <link rel="icon" type="image/png" href="img/favicon-96x96.png" sizes="96x96" />
-<link rel="icon" type="image/svg+xml" href="img/favicon.svg" />
-<link rel="shortcut icon" href="img/favicon.ico" />
-<link rel="apple-touch-icon" sizes="180x180" href="img/apple-touch-icon.png" />
-<link rel="manifest" href="img/site.webmanifest" />
+    <link rel="icon" type="image/png" href="img/favicon-96x96.png" sizes="96x96" />
+    <link rel="icon" type="image/svg+xml" href="img/favicon.svg" />
+    <link rel="shortcut icon" href="img/favicon.ico" />
+    <link rel="apple-touch-icon" sizes="180x180" href="img/apple-touch-icon.png" />
+    <link rel="manifest" href="img/site.webmanifest" />
     <style>
         * {
             margin: 0;
@@ -40,7 +41,7 @@
         h1 {
             font-size: 4rem;
             margin-bottom: 1rem;
-            text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
+            text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
             animation: fadeInDown 1s ease-out;
         }
 
@@ -74,7 +75,7 @@
         .link-card:hover {
             background: rgba(255, 255, 255, 0.2);
             transform: translateY(-5px);
-            box-shadow: 0 10px 30px rgba(0,0,0,0.3);
+            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
         }
 
         .link-card h3 {
@@ -102,6 +103,7 @@
                 opacity: 0;
                 transform: translateY(-30px);
             }
+
             to {
                 opacity: 1;
                 transform: translateY(0);
@@ -109,8 +111,13 @@
         }
 
         @keyframes fadeIn {
-            from { opacity: 0; }
-            to { opacity: 1; }
+            from {
+                opacity: 0;
+            }
+
+            to {
+                opacity: 1;
+            }
         }
 
         @keyframes fadeInUp {
@@ -118,6 +125,7 @@
                 opacity: 0;
                 transform: translateY(30px);
             }
+
             to {
                 opacity: 1;
                 transform: translateY(0);
@@ -131,22 +139,25 @@
         }
     </style>
 </head>
+
 <body>
     <div class="container">
         <h1>🎮 Caesar Gaming</h1>
         <p class="tagline">Your Gaming Universe Awaits</p>
-        
+
         <div class="links">
             <a href="https://forge.caesargaming.org" class="link-card coming-soon">
                 <h3>🔧 Git Server</h3>
                 <p></p>
             </a>
-            
+
             <div class="link-card coming-soon">
+                <a href="https://tt.caesargaming.org" class="link-card coming-soon"></a>
                 <h3>🎯 Game Servers</h3>
-                <p>Coming Soon</p>
+                <p>Play: Tripe Triad</p>
+                </a>
             </div>
-            
+
             <div class="link-card coming-soon">
                 <h3>💬 Community</h3>
                 <p>Coming Soon</p>
@@ -158,4 +169,5 @@
         </div>
     </div>
 </body>
+
 </html>
\ No newline at end of file
