diff --git a/docs/index.html b/docs/index.html
index 065bd6b..af82f76 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -83,17 +83,18 @@
         <canvas id="gradeBar" style="width:100%;height:100%;"></canvas>
       </div>
     </div>
+    <footer>Created by Derek Chen
+      <!-- because VAPA lecture was a bit boring that day -->
+      <iframe
+        src="https://ghbtns.com/github-btn.html?user=Derec4&repo=ut-grade-distribution-viewer&type=star&count=true&size=large"
+        frameborder="0" scrolling="0" width="170" height="30" title="GitHub">
+      </iframe>
+      <!-- <iframe src="https://ghbtns.com/github-btn.html?user=DereC4&type=follow&count=true&size=large" frameborder="0"
+        scrolling="0" width="170" height="30" title="GitHub">
+      </iframe> -->
+    </footer>
   </div>
-  <footer>Created by Derek Chen
-    <!-- because VAPA lecture was a bit boring that day -->
-    <iframe
-      src="https://ghbtns.com/github-btn.html?user=Derec4&repo=ut-grade-distribution-viewer&type=star&count=true&size=large"
-      frameborder="0" scrolling="0" width="170" height="30" title="GitHub">
-    </iframe>
-    <!-- <iframe src="https://ghbtns.com/github-btn.html?user=DereC4&type=follow&count=true&size=large" frameborder="0"
-      scrolling="0" width="170" height="30" title="GitHub">
-    </iframe> -->
-  </footer>
+
 
   <script src='main.js'></script>
 </body>
diff --git a/docs/main.css b/docs/main.css
index 135c43a..3269f7b 100644
--- a/docs/main.css
+++ b/docs/main.css
@@ -5,21 +5,23 @@
     --p-size: 10px;
     --label-size: 10px;
     --h1-size: 15px;
+    --background-gradient: linear-gradient(90deg, rgba(61, 87, 92, 1) 0, #454454 100%);
+    --link-color: #2c82c9;
 }
 
 body {
     font-family: 'Helvetica Neue', sans-serif;
     background: #1b1a2a;
-    background: linear-gradient(90deg, rgba(61, 87, 92, 1) 0, #454454 100%);
+    background: var(--background-gradient);
 }
 
 a {
-    color: #2c82c9;
-    text-decoration: none
+    color: var(--link-color);
+    text-decoration: none;
 }
 
 main {
-    padding: 10%
+    padding: 10%;
 }
 
 footer {
@@ -31,7 +33,7 @@ footer {
     left: 0;
     width: 100%;
     text-align: left;
-    font-size: 1rem
+    font-size: 1rem;
 }
 
 * {