diff --git a/index.html b/index.html
index 894ba0c..7e6ab5d 100644
--- a/index.html
+++ b/index.html
@@ -30,6 +30,9 @@
             <li class="mb-6">
                 <a href="https://status.my-mc.link" class="text-lg minecraft-font text-white bg-gradient-to-r from-teal-400 to-blue-500 px-4 py-2 rounded-md hover:bg-gradient-to-r hover:from-blue-500 hover:to-teal-400" target="_blank">Check MC Status</a>
             </li>
+            <li class="mb-6">
+                <a href="https://info.my-mc.link" class="text-lg minecraft-font text-white bg-gradient-to-r from-teal-400 to-blue-500 px-4 py-2 rounded-md hover:bg-gradient-to-r hover:from-blue-500 hover:to-teal-400" target="_blank">Wiki</a>
+            </li>
         </ul>
     </nav>
     <!-- Particle Effects -->
@@ -50,7 +53,9 @@
             <nav class="flex items-center gap-2 hidden md:flex">
                 <a href="https://panel.my-mc.link" class="nav-btn" target="_blank">Panel</a>
                 <a href="https://stats.my-mc.link" class="nav-btn">System Stats</a>
-                <a href="https://status.my-mc.link" class="nav-btn" target="_blank">Check MC Status</a>
+                <a href="https://status.my-mc.link" class="nav-btn" target="_blank">MC Status</a>
+                <a href="https://info.my-mc.link" class="nav-btn" target="_blank">Wiki</a>
+
             </nav>
         </div>
     </header>
diff --git a/terms.html b/terms.html
index 9717242..1345bfb 100644
--- a/terms.html
+++ b/terms.html
@@ -6,64 +6,55 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Terms of Service - My-MC.Link</title>
     <link rel="icon" href="https://minecraft.wiki/images/Favicon.png" type="image/png">
-    <!-- <script src="https://cdn.tailwindcss.com"></script> -->
     <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700;900&display=swap" rel="stylesheet">
-    <link href="css/style_min.css?p=4" rel="stylesheet">
-    <link href="favicon.ico" rel="icon" type="image/x-icon">
-    <style>
-        @font-face {
-            font-family: 'Minecraft';
-            src: url('https://fontmeme.com/fonts/minecraft-font/') format('truetype');
-            font-weight: normal;
-            font-style: normal;
-        }
-
-        .minecraft-font {
-            font-family: 'Minecraft', sans-serif;
-            letter-spacing: 0.8px;
-            text-shadow: 0 0 12px rgba(20, 184, 166, 0.7);
-        }
-
-        @keyframes gradientShift {
-            0% {
-                background-position: 0% 50%;
-            }
-
-            50% {
-                background-position: 100% 50%;
-            }
-
-            100% {
-                background-position: 0% 50%;
-            }
-        }
-
-        .animate-gradient-shift {
-            animation: gradientShift 5s ease infinite;
-        }
-    </style>
+    <link href="https://my-mc.link/css/style.min.css?p=5" rel="stylesheet">
+    <link href="https://my-mc.link/favicon.ico" rel="icon" type="image/x-icon">
 </head>
 
 <body>
+    <!-- Hamburger Menu Icon (visible on mobile) -->
+    <button class="hamburger md:hidden flex flex-col justify-center items-center w-10 h-10 focus:outline-none" style="z-index: 99999; position: fixed; top: 1rem; right: 1rem; pointer-events: auto; background: transparent;">
+        <span class="bar w-6 h-0.5 bg-teal-400 mb-1.5 transition-all duration-300"></span>
+        <span class="bar w-6 h-0.5 bg-teal-400 mb-1.5 transition-all duration-300"></span>
+        <span class="bar w-6 h-0.5 bg-teal-400 transition-all duration-300"></span>
+    </button>
+    <!-- Mobile Navigation Menu -->
+    <nav class="mobile-nav mobile-nav-container hidden fixed inset-0 flex-col items-center justify-center md:hidden" data-mobile-nav style="z-index: 99998; position: fixed; inset: 0; pointer-events: auto; background: rgba(17, 24, 39, 0.98); backdrop-filter: blur(10px);">
+        <ul class="text-center">
+            <li class="mb-6">
+                <a href="https://panel.my-mc.link" class="text-lg minecraft-font text-white bg-gradient-to-r from-teal-400 to-blue-500 px-4 py-2 rounded-md hover:bg-gradient-to-r hover:from-blue-500 hover:to-teal-400" target="_blank">Panel</a>
+            </li>
+            <li class="mb-6">
+                <a href="https://stats.my-mc.link" class="text-lg minecraft-font text-white bg-gradient-to-r from-teal-400 to-blue-500 px-4 py-2 rounded-md hover:bg-gradient-to-r hover:from-blue-500 hover:to-teal-400">System Stats</a>
+            </li>
+            <li class="mb-6">
+                <a href="https://status.my-mc.link" class="text-lg minecraft-font text-white bg-gradient-to-r from-teal-400 to-blue-500 px-4 py-2 rounded-md hover:bg-gradient-to-r hover:from-blue-500 hover:to-teal-400" target="_blank">Check MC Status</a>
+            </li>
+        </ul>
+    </nav>
     <!-- Particle Effects -->
-    <div class="particle" style="left: 10%; top: 20%; animation-delay: 0s;"></div>
-    <div class="particle large" style="left: 30%; top: 50%; animation-delay: 2s;"></div>
-    <div class="particle" style="left: 50%; top: 30%; animation-delay: 4s;"></div>
-    <div class="particle large" style="left: 70%; top: 60%; animation-delay: 6s;"></div>
-    <div class="particle" style="left: 20%; top: 80%; animation-delay: 8s;"></div>
+    <div class="particle"></div>
+    <div class="particle large"></div>
+    <div class="particle"></div>
+    <div class="particle large"></div>
+    <div class="particle"></div>
 
     <header class="header-bg py-16 text-center relative z-10">
-        <div class="header-content">
-            <h1
-                class="text-5xl minecraft-font bg-clip-text text-transparent bg-gradient-to-r from-teal-400 to-blue-500">
-                My-MC.Link</h1>
+        <div class="header-content flex items-center justify-between max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+            <div>
+                <h1 class="text-5xl minecraft-font bg-clip-text text-transparent bg-gradient-to-r from-teal-400 to-blue-500">
+                    My-MC.Link</h1>
+            </div>
+            <nav class="hidden md:flex items-center gap-2">
+                <a href="https://my-mc.link" class="nav-btn">Go Back To My-MC</a>
+
+            </nav>
         </div>
     </header>
 
     <main class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 pb-16 relative z-10">
         <section class="section-bg p-8 sm:p-10 mb-12">
-            <h2
-                class="text-3xl minecraft-font mb-6 text-center bg-clip-text text-transparent bg-gradient-to-r from-teal-400 to-blue-500">
+            <h2 class="text-3xl minecraft-font mb-6 text-center bg-clip-text text-transparent bg-gradient-to-r from-teal-400 to-blue-500">
                 Terms of Service</h2>
             <p class="text-sm opacity-90 mb-6">Last updated: July 1st, 2024</p>
             <p class="text-sm opacity-90 mb-6">The last update was to add a new rule.</p>
@@ -90,7 +81,7 @@
                 Supplemental terms and conditions or documents that may be posted on the Platform from time to time are
                 hereby expressly incorporated herein by reference. We reserve the right, in our sole discretion, to make
                 changes or modifications to these Terms of Use at any time and for any reason. We will alert you about
-                any changes by updating the "Last updated" date of these Terms of Use, and you waive any right to
+                any changes by updating the "Last updated" date of these Terms of Service, and you waive any right to
                 receive specific notice of each such change. Please ensure that you check the applicable Terms every
                 time you use our Platform so that you understand which Terms apply. You will be subject to, and will be
                 deemed to have been made aware of and to have accepted, the changes in any revised Terms of Use by your
@@ -543,17 +534,7 @@
             </p>
 
             <div class="text-center mt-8">
-
-
-                <a href="https://my-mc.link"
-                    class="inline-block bg-gradient-to-r from-teal-500 to-blue-500 bg-[length:300%_300%] text-white font-bold text-base py-3.5 px-7 rounded-xl relative overflow-hidden transition-transform duration-300 hover:scale-110 hover:shadow-[0_8px_30px_rgba(20,184,166,0.7)] minecraft-font animate-gradient-shift">
-                    Back to Home
-                    <span
-                        class="absolute inset-0 -left-full bg-gradient-to-r from-transparent via-white/40 to-transparent transition-[left] duration-500 group-hover:left-full"></span>
-                    <span
-                        class="absolute top-1/2 left-1/2 w-0 h-0 bg-[radial-gradient(circle,rgba(20,184,166,0.5),transparent)] opacity-0 transition-all duration-300 group-hover:w-[200px] group-hover:h-[200px] group-hover:opacity-100 -translate-x-1/2 -translate-y-1/2"></span>
-                </a>
-
+                <a href="https://my-mc.link" class="nav-btn">Go Back To My-MC</a>
 
             </div>
         </section>
@@ -567,8 +548,13 @@
         </p>
     </footer>
 
-    <script src="js/main.js"></script>
-
+    <script>
+        document.querySelector('.hamburger').addEventListener('click', function () {
+            this.classList.toggle('active');
+            document.querySelector('.mobile-nav-container').classList.toggle('hidden');
+        });
+    </script>
+    <script src="../js/main.js"></script>
 </body>
 
 </html>
\ No newline at end of file
