diff --git a/index.html b/index.html
index 50e28f2..e3b4d9b 100755
--- a/index.html
+++ b/index.html
@@ -33,7 +33,7 @@
           </div>
           
           <div id="page">
-            <p class="initial-text">Hold on. Still loading that fancy background. <br /><i class="fa fa-spinner fa-pulse init-loading" aria-hidden="true"></i></p>
+            <p class="initial-text">Click a button!</p>
           </div>
           
         </div>
diff --git a/main.js b/main.js
index 7c294a2..785aef5 100755
--- a/main.js
+++ b/main.js
@@ -14,8 +14,6 @@ var page3 = "pages/projects.html";
 
 const contentArea = document.getElementById("page");
 
-const spinner = '<div class="loading-box"><i class="fa fa-spinner fa-pulse loading" aria-hidden="true"></i></div>';
-
 // Very bad function to get rid of the "active" class wherever it is atm
 function resetButtons() {
   button1.className = "nav-button";
@@ -34,7 +32,6 @@ function httpGet(myUrl, callback) {
 }
 
 function activatePage(navbutt, source) {
-  contentArea.innerHTML = spinner;
   resetButtons();
   navbutt.className += " active";
   httpGet(source, setContent);
@@ -60,4 +57,4 @@ function initialContent() {
   setContent(contentArea, '<p class="initial-text">Click a button!</p>');
 }
 
-initialContent();
\ No newline at end of file
+initialContent();
diff --git a/style.css b/style.css
index db47d40..93eb06a 100755
--- a/style.css
+++ b/style.css
@@ -172,26 +172,6 @@ a:hover {
   margin-bottom: 70px;
 }
 
-.loading-box {
-  display: block;
-  overflow: hidden;
-  margin: 70px auto;
-}
-
-.loading {
-  font-size: 26pt;
-  color: #FF5555;
-  display: block;
-  margin: 5px;
-  text-align: center;
-}
-
-.init-loading {
-  font-size: 26pt;
-  color: #FF5555;
-  margin: 5px;
-}
-
 .notice {
   color: #3b3b3b;
   text-align: right;