diff --git a/games.html b/games.html
index abee878..93b64a1 100644
--- a/games.html
+++ b/games.html
@@ -36,7 +36,7 @@
             </div>
         </header>
         <header class="invisible" id="alert">
-            <p class="alerttext" >ALERT TEXT</p>
+            <p class="alerttext" id="alerttext">ALERT TEXT</p>
         </header>
         <div class="content">
             <p>Games Page</p>
diff --git a/home.html b/home.html
index 6a9d9e4..3519351 100644
--- a/home.html
+++ b/home.html
@@ -36,7 +36,7 @@
             </div>
         </header>
         <header class="invisible" id="alert">
-            <p class="alerttext" >ALERT TEXT</p>
+            <p class="alerttext" id="alerttext">ALERT TEXT</p>
         </header>
         <div class="content">
             <h1>Hello, OnlyTwentyCharacters!</h1>
diff --git a/index.html b/index.html
index 043df11..cb213e7 100644
--- a/index.html
+++ b/index.html
@@ -36,7 +36,7 @@
             </div>
         </header>
         <header class="invisible" id="alert">
-            <p class="alerttext" >ALERT TEXT</p>
+            <p class="alerttext" id="alerttext">ALERT TEXT</p>
         </header>
         <div class="content">
             <h1>WELCOME TO MORBLOX!!!</h1>
diff --git a/login.html b/login.html
index e8af993..e1bcb10 100644
--- a/login.html
+++ b/login.html
@@ -36,7 +36,7 @@
             </div>
         </header>
         <header class="invisible" id="alert">
-            <p class="alerttext" >ALERT TEXT</p>
+            <p class="alerttext" id="alerttext">ALERT TEXT</p>
         </header>
         <div class="content">
             <p>nothing</p>
diff --git a/main.css b/main.css
index 58915fa..ee3cbcf 100644
--- a/main.css
+++ b/main.css
@@ -1,8 +1,8 @@
 #alert {
-    height: 50px;
+    height: fit-content;
     margin: 0px;
-    padding-left: 5px;
-    padding-top: 0px;
+    padding-top: 1px;
+    padding-bottom: 1px;
     width: 100%;
     text-align: center;
 	background: linear-gradient(#f07575 10%, #e13b3b 49%, #d22 50%, #de2323 100%);
@@ -59,7 +59,7 @@ html {
     font-family: "Helvetica";
     src: url('Helvetica.ttf') format('truetype'),;
     font-style: normal;
-    background-color: rgb(75, 75, 75);
+    background-color: #4b4b4b;
     color: white;
 }
 body {
diff --git a/main.js b/main.js
index a6d6eb0..970142a 100644
--- a/main.js
+++ b/main.js
@@ -9,4 +9,21 @@ window.addEventListener('resize', function() {
         logo_small.className = "invisible";
         logo_full.className = "";
     }
-});
\ No newline at end of file
+});
+window.onload = function() {
+    var alert = document.getElementById("alert")
+    var alerttext = document.getElementById("alerttext")
+    if (window.location.hostname == "") {   
+        alerttext.innerHTML = "You are using this locally.";
+        alert.className = "";
+    } else if (window.location.hostname == "github.com") {
+        alerttext.innerHTML = "You are using this on the github pages site.";
+        alert.className = "";
+    } else if (window.location.hostname == "MORBLOX.com") {
+            alerttext.innerHTML = "You are using MORBLOX.com";
+            alert.className = "";
+    } else if (window.location.hostname == "morblox.us") {
+        alerttext.innerHTML = "You are using morblox.us";
+        alert.className = "";
+    }
+};
\ No newline at end of file
diff --git a/signup.html b/signup.html
index cfefc56..df7e391 100644
--- a/signup.html
+++ b/signup.html
@@ -36,7 +36,7 @@
             </div>
         </header>
         <header class="invisible" id="alert">
-            <p class="alerttext" >ALERT TEXT</p>
+            <p class="alerttext" id="alerttext">ALERT TEXT</p>
         </header>
         <div class="content">