diff --git a/index.html b/index.html
index 984a771..b6eb39e 100644
--- a/index.html
+++ b/index.html
@@ -1,20 +1,46 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
-<title>MilkNet</title>
-<link id="favicon" rel="icon" href="/assets/img/milk.png" type="image/x-icon">
-<style>body{max-width:1000px;margin:auto;background-color:black;color:white;font-family:Arial;}a{color:#05d5ff}</style>
-<style>
-        img {
-  display: block;
-  margin-left: auto;
-  margin-right: auto;
-}
-        .center-text {
-            text-align: center;
-        }
-    </style>
-        <script>
+  <title>MilkNet</title>
+  <link id="favicon" rel="icon" href="/assets/img/milk.png" type="image/x-icon">
+  <style>
+    html, body {
+      margin: 0;
+      padding: 0;
+      min-height: 100vh;
+      display: flex;
+      flex-direction: column;
+      background-color: black;
+      color: white;
+      font-family: Arial;
+      max-width: 1000px;
+      margin-left: auto;
+      margin-right: auto;
+    }
+
+    a {
+      color: #05d5ff;
+    }
+
+    img {
+      display: block;
+      margin-left: auto;
+      margin-right: auto;
+    }
+
+    .center-text {
+      text-align: center;
+    }
+
+    footer {
+      display: flex;
+      justify-content: center;
+      gap: 8px;
+      padding: 16px;
+      margin-top: auto; /* Makes the footer stick to the bottom */
+    }
+  </style>
+         <script>
         document.addEventListener("DOMContentLoaded", function() {
             let savedLink = localStorage.getItem("savedLink");
             
@@ -67,27 +93,22 @@
 </script>
 </head>
 <body>
-     <img src="/assets/img/milk_optimized.png" class="center">
-     <h1 class="center-text">MilkNet</h1>
-     <p class="center-text">Paradise for bored students. What would you like to do?</p>
-        
-     <div class="center-text">
-     <a href="/games">Games</a> • <a href="/apps">Apps</a> • <a href="/links.txt">Links</a> • <a href="/form">Contact</a> • <a href="/gba">Retro Games</a> • <a href="/tools">Settings & tools</a>
-     </div>
+  <img src="/assets/img/milk_optimized.png" class="center">
+  <h1 class="center-text">MilkNet</h1>
+  <p class="center-text">Paradise for bored students. What would you like to do?</p>
+      
+  <div class="center-text">
+    <a href="/games">Games</a> • 
+    <a href="/apps">Apps</a> • 
+    <a href="/links.txt">Links</a> • 
+    <a href="/form">Contact</a> • 
+    <a href="/gba">Retro Games</a> • 
+    <a href="/tools">Settings & tools</a>
+  </div>
 
-<style>
-  footer {
-    display: flex;
-    justify-content: center;
-    gap: 8px;
-    padding: 16px;
-  }
-</style>
-
-<footer>
-  <a href="/"><img src="/assets/img/88x31.png" loading="lazy" width="88" height="31"></a>
-  <a href="/"><img src="/assets/img/88x31_light.png" loading="lazy" width="88" height="31"></a>
-</footer>
+  <footer>
+    <a href="/"><img src="/assets/img/88x31.png" loading="lazy" width="88" height="31"></a>
+    <a href="/"><img src="/assets/img/88x31_light.png" loading="lazy" width="88" height="31"></a>
+  </footer>
 </body>
 </html>
-</head>
