diff --git a/root/index.html b/root/index.html
index 6555827..fb45b5d 100644
--- a/root/index.html
+++ b/root/index.html
@@ -51,7 +51,7 @@
             </section>
         </article>
     </main>
-    <footer>
+    <footer id="site-footer">
         <a href="https://git.munebase.dev/Munelit/munebase.dev">Source for this site can be found here.</a>
     </footer>
 </body>
diff --git a/root/match.html b/root/match.html
index 82dc1ae..e03e79d 100644
--- a/root/match.html
+++ b/root/match.html
@@ -65,7 +65,7 @@
                             <td>181</td>
                             <td>36</td>
                             <td>6</td>
-                            <td>295</td>
+                            <td class="totalcol">295</td>
                         </tr>
                         <tr>
                             <th scope="row">Blue</th>
@@ -73,7 +73,7 @@
                             <td>176</td>
                             <td>36</td>
                             <td>0</td>
-                            <td>281</td>
+                            <td class="totalcol">281</td>
                         </tr>
                     </tbody>
                 </table>
@@ -81,7 +81,7 @@
         </article>
     </main>
 
-    <footer>
+    <footer id="site-footer">
         <a href="https://git.munebase.dev/Munelit/munebase.dev">Source for this site can be found here.</a>
     </footer>
 </body>
diff --git a/root/projects.html b/root/projects.html
index 8b83f33..2607e6a 100644
--- a/root/projects.html
+++ b/root/projects.html
@@ -49,7 +49,7 @@
             </section>
         </article>
     </main>
-    <footer>
+    <footer id="site-footer">
         <a href="/index.html">Back to the homepage</a>
         <a href="https://git.munebase.dev/Munelit/munebase.dev">Source for this site can be found here.</a>
     </footer>
diff --git a/root/resources.html b/root/resources.html
index 11c12ec..9356fee 100644
--- a/root/resources.html
+++ b/root/resources.html
@@ -90,7 +90,7 @@
                         </section>
                 </article>
         </main>
-        <footer>
+        <footer id="site-footer">
                 <a href="/index.html">Back to the homepage</a>
                 <a href="https://git.munebase.dev/Munelit/munebase.dev">Source for this site can be found here.</a>
         </footer>
diff --git a/root/styles/main.css b/root/styles/main.css
index 318b5c3..6980ce2 100644
--- a/root/styles/main.css
+++ b/root/styles/main.css
@@ -117,10 +117,9 @@ nav a:hover {
 
 main {
     flex: 1;
-    max-width: 1200px;
-    margin: 0 auto;
+    margin: 0 2rem;
     padding: var(--spacing-large);
-    width: 100%;
+    box-sizing: border-box;
 }
 
 article {
@@ -210,4 +209,17 @@ td {
 
 tr:hover {
     background-color: var(--background-secondary);
+}
+
+.totalcol {
+    background-color: var(--secondary-dark-blue);
+}
+
+#site-footer {
+    background-color: var(--background-secondary);
+    text-align: center;
+    padding: var(--spacing-large);
+    margin-top: var(--spacing-large);
+    border-top: 2px solid var(--border-color);
+    border-radius: var(--border-radius) var(--border-radius) 0 0;
 }
\ No newline at end of file