From d12a3bf069d5a6ef771b7a5344f2c12a4a1b76af Mon Sep 17 00:00:00 2001
From: Helen Chong <119173961+helenclx@users.noreply.github.com>
Date: Fri, 10 May 2024 01:13:56 +0800
Subject: [PATCH] Adjust footer paddings

---
 _site/about/index.html                            | 15 ++++++++++++---
 _site/archive/index.html                          | 15 ++++++++++++---
 .../index.html                                    | 15 ++++++++++++---
 .../designated-lesbian-syndrome-fandom/index.html | 15 ++++++++++++---
 _site/articles/index.html                         | 15 ++++++++++++---
 .../index.html                                    | 15 ++++++++++++---
 .../index.html                                    | 15 ++++++++++++---
 .../my-dislike-of-shipping-culture/index.html     | 15 ++++++++++++---
 _site/blog/index.html                             | 15 ++++++++++++---
 _site/blog/page/2/index.html                      | 15 ++++++++++++---
 _site/blog/page/3/index.html                      | 15 ++++++++++++---
 .../index.html                                    | 15 ++++++++++++---
 .../index.html                                    | 15 ++++++++++++---
 .../index.html                                    | 15 ++++++++++++---
 .../index.html                                    | 15 ++++++++++++---
 .../index.html                                    | 15 ++++++++++++---
 .../index.html                                    | 15 ++++++++++++---
 .../index.html                                    | 15 ++++++++++++---
 .../index.html                                    | 15 ++++++++++++---
 .../index.html                                    | 15 ++++++++++++---
 .../index.html                                    | 15 ++++++++++++---
 .../index.html                                    | 15 ++++++++++++---
 .../index.html                                    | 15 ++++++++++++---
 .../index.html                                    | 15 ++++++++++++---
 _site/blog/posts/index.html                       | 15 ++++++++++++---
 _site/categories/a-summers-end/index.html         | 15 ++++++++++++---
 _site/categories/anti-harry-potter/index.html     | 15 ++++++++++++---
 _site/categories/anti-jk-rowling/index.html       | 15 ++++++++++++---
 _site/categories/cassette-beasts/index.html       | 15 ++++++++++++---
 _site/categories/dracula-daily/index.html         | 15 ++++++++++++---
 _site/categories/fandom-culture/index.html        | 15 ++++++++++++---
 _site/categories/index.html                       | 15 ++++++++++++---
 _site/categories/lesbian/index.html               | 15 ++++++++++++---
 _site/categories/life-updates/index.html          | 15 ++++++++++++---
 _site/categories/modding/index.html               | 15 ++++++++++++---
 _site/categories/my-birthday/index.html           | 15 ++++++++++++---
 _site/categories/my-interviews/index.html         | 15 ++++++++++++---
 _site/categories/site-anniversary/index.html      | 15 ++++++++++++---
 _site/categories/site-updates/index.html          | 15 ++++++++++++---
 _site/categories/star-wars-kotor-2/index.html     | 15 ++++++++++++---
 _site/categories/star-wars-kotor/index.html       | 15 ++++++++++++---
 _site/changelogs/2022/index.html                  | 15 ++++++++++++---
 _site/changelogs/2023/index.html                  | 15 ++++++++++++---
 _site/changelogs/2024/index.html                  | 15 ++++++++++++---
 _site/changelogs/index.html                       | 15 ++++++++++++---
 _site/changelogs/layouts/index.html               | 15 ++++++++++++---
 _site/changelogs/page/2/index.html                | 15 ++++++++++++---
 _site/changelogs/page/3/index.html                | 15 ++++++++++++---
 _site/changelogs/page/4/index.html                | 15 ++++++++++++---
 _site/changelogs/page/5/index.html                | 15 ++++++++++++---
 _site/feed.xml                                    |  2 +-
 _site/index.html                                  | 15 ++++++++++++---
 _site/links/index.html                            | 15 ++++++++++++---
 _site/now/index.html                              | 15 ++++++++++++---
 _site/projects/index.html                         | 15 ++++++++++++---
 _site/projects/kotor1mods/index.html              | 15 ++++++++++++---
 _site/projects/kotor2mods/index.html              | 15 ++++++++++++---
 _site/projects/playlists/index.html               | 15 ++++++++++++---
 _site/shrines/asummersend/gallery/index.html      | 15 ++++++++++++---
 _site/shrines/asummersend/index.html              | 15 ++++++++++++---
 _site/shrines/asummersend/playlists/index.html    | 15 ++++++++++++---
 _site/shrines/asummersend/trivia/index.html       | 15 ++++++++++++---
 .../index.html                                    | 15 ++++++++++++---
 _site/shrines/cassettebeasts/articles/index.html  | 15 ++++++++++++---
 _site/shrines/cassettebeasts/facts/index.html     | 15 ++++++++++++---
 _site/shrines/cassettebeasts/featured/index.html  | 15 ++++++++++++---
 _site/shrines/cassettebeasts/gamelog/index.html   | 15 ++++++++++++---
 _site/shrines/cassettebeasts/index.html           | 15 ++++++++++++---
 _site/shrines/cassettebeasts/resources/index.html | 15 ++++++++++++---
 _site/shrines/index.html                          | 15 ++++++++++++---
 .../articles/arren-kae-kreia-theory/index.html    | 15 ++++++++++++---
 .../faq-same-gender-romance-mods/index.html       | 15 ++++++++++++---
 .../articles/handmaiden-sisters-mother/index.html | 15 ++++++++++++---
 _site/shrines/starwarskotor/articles/index.html   | 15 ++++++++++++---
 .../juhani-hostility-towards-canderous/index.html | 15 ++++++++++++---
 .../articles/juhani-lesbian-evidence/index.html   | 15 ++++++++++++---
 .../articles/keep-juhani-a-lesbian/index.html     | 15 ++++++++++++---
 .../partyswap-management-takeover/index.html      | 15 ++++++++++++---
 .../tslrcm-first-kotor2-playthrough/index.html    | 15 ++++++++++++---
 _site/shrines/starwarskotor/guides/index.html     | 15 ++++++++++++---
 .../guides/kotor-juhani-romance-guide/index.html  | 15 ++++++++++++---
 .../kotor-redeeming-bastila-guide/index.html      | 15 ++++++++++++---
 .../kotor-sandral-matale-feud-guide/index.html    | 15 ++++++++++++---
 _site/shrines/starwarskotor/index.html            | 15 ++++++++++++---
 _site/shrines/starwarskotor/resources/index.html  | 15 ++++++++++++---
 .../kotor-same-gender-romance-mods/index.html     | 15 ++++++++++++---
 .../index.html                                    | 15 ++++++++++++---
 .../tslrcm-m478ep-modules-music/index.html        | 15 ++++++++++++---
 _site/shrines/starwarskotor/universes/index.html  | 15 ++++++++++++---
 _site/sitemap/index.html                          | 15 ++++++++++++---
 src/_includes/global/footer.njk                   | 15 ++++++++++++---
 91 files changed, 1081 insertions(+), 271 deletions(-)

diff --git a/_site/about/index.html b/_site/about/index.html
index 202fce79..294a404b 100644
--- a/_site/about/index.html
+++ b/_site/about/index.html
@@ -539,8 +539,9 @@
 <style>
     .footer {
         margin-top: auto;
+        width: 100%;
         background: var(--clr-main-footer-bg);
-        padding: 0.8rem;
+        padding: 1rem 1rem 3rem 1rem;
         text-align: center;
         display: grid;
     }
@@ -563,9 +564,17 @@
         padding-left: 0.6em;
     }
 
-    @media only screen and (min-width: 600px) {
+    /* Screen sizes larger than mobile */
+    @media only screen and (min-width: 30rem) {
         .footer {
-            width: 100%;
+            padding: 1rem 1rem 2rem 1rem;
+        }
+    }
+
+    /* Tablet screen size */
+    @media only screen and (min-width: 43.75rem) {
+        .footer {
+            padding: 1rem;
         }
     }
 </style>
diff --git a/_site/archive/index.html b/_site/archive/index.html
index b54a1c0d..25cbe3af 100644
--- a/_site/archive/index.html
+++ b/_site/archive/index.html
@@ -769,8 +769,9 @@
 <style>
     .footer {
         margin-top: auto;
+        width: 100%;
         background: var(--clr-main-footer-bg);
-        padding: 0.8rem;
+        padding: 1rem 1rem 3rem 1rem;
         text-align: center;
         display: grid;
     }
@@ -793,9 +794,17 @@
         padding-left: 0.6em;
     }
 
-    @media only screen and (min-width: 600px) {
+    /* Screen sizes larger than mobile */
+    @media only screen and (min-width: 30rem) {
         .footer {
-            width: 100%;
+            padding: 1rem 1rem 2rem 1rem;
+        }
+    }
+
+    /* Tablet screen size */
+    @media only screen and (min-width: 43.75rem) {
+        .footer {
+            padding: 1rem;
         }
     }
 </style>
diff --git a/_site/articles/anti-harry-potter-jk-rowling-masterlist/index.html b/_site/articles/anti-harry-potter-jk-rowling-masterlist/index.html
index 43cb2ce5..f3d61ac1 100644
--- a/_site/articles/anti-harry-potter-jk-rowling-masterlist/index.html
+++ b/_site/articles/anti-harry-potter-jk-rowling-masterlist/index.html
@@ -581,8 +581,9 @@ This site is Harry Potter free. Lookin [<i>sic</i>] for it? Leave.
 <style>
     .footer {
         margin-top: auto;
+        width: 100%;
         background: var(--clr-main-footer-bg);
-        padding: 0.8rem;
+        padding: 1rem 1rem 3rem 1rem;
         text-align: center;
         display: grid;
     }
@@ -605,9 +606,17 @@ This site is Harry Potter free. Lookin [<i>sic</i>] for it? Leave.
         padding-left: 0.6em;
     }
 
-    @media only screen and (min-width: 600px) {
+    /* Screen sizes larger than mobile */
+    @media only screen and (min-width: 30rem) {
         .footer {
-            width: 100%;
+            padding: 1rem 1rem 2rem 1rem;
+        }
+    }
+
+    /* Tablet screen size */
+    @media only screen and (min-width: 43.75rem) {
+        .footer {
+            padding: 1rem;
         }
     }
 </style>
diff --git a/_site/articles/designated-lesbian-syndrome-fandom/index.html b/_site/articles/designated-lesbian-syndrome-fandom/index.html
index 1c86cbea..840d304a 100644
--- a/_site/articles/designated-lesbian-syndrome-fandom/index.html
+++ b/_site/articles/designated-lesbian-syndrome-fandom/index.html
@@ -478,8 +478,9 @@
 <style>
     .footer {
         margin-top: auto;
+        width: 100%;
         background: var(--clr-main-footer-bg);
-        padding: 0.8rem;
+        padding: 1rem 1rem 3rem 1rem;
         text-align: center;
         display: grid;
     }
@@ -502,9 +503,17 @@
         padding-left: 0.6em;
     }
 
-    @media only screen and (min-width: 600px) {
+    /* Screen sizes larger than mobile */
+    @media only screen and (min-width: 30rem) {
         .footer {
-            width: 100%;
+            padding: 1rem 1rem 2rem 1rem;
+        }
+    }
+
+    /* Tablet screen size */
+    @media only screen and (min-width: 43.75rem) {
+        .footer {
+            padding: 1rem;
         }
     }
 </style>
diff --git a/_site/articles/index.html b/_site/articles/index.html
index c76f818b..b7a4c58e 100644
--- a/_site/articles/index.html
+++ b/_site/articles/index.html
@@ -549,8 +549,9 @@
 <style>
     .footer {
         margin-top: auto;
+        width: 100%;
         background: var(--clr-main-footer-bg);
-        padding: 0.8rem;
+        padding: 1rem 1rem 3rem 1rem;
         text-align: center;
         display: grid;
     }
@@ -573,9 +574,17 @@
         padding-left: 0.6em;
     }
 
-    @media only screen and (min-width: 600px) {
+    /* Screen sizes larger than mobile */
+    @media only screen and (min-width: 30rem) {
         .footer {
-            width: 100%;
+            padding: 1rem 1rem 2rem 1rem;
+        }
+    }
+
+    /* Tablet screen size */
+    @media only screen and (min-width: 43.75rem) {
+        .footer {
+            padding: 1rem;
         }
     }
 </style>
diff --git a/_site/articles/kotor2-modder-interview-ars-technica/index.html b/_site/articles/kotor2-modder-interview-ars-technica/index.html
index dd11ed50..6522c69c 100644
--- a/_site/articles/kotor2-modder-interview-ars-technica/index.html
+++ b/_site/articles/kotor2-modder-interview-ars-technica/index.html
@@ -479,8 +479,9 @@
 <style>
     .footer {
         margin-top: auto;
+        width: 100%;
         background: var(--clr-main-footer-bg);
-        padding: 0.8rem;
+        padding: 1rem 1rem 3rem 1rem;
         text-align: center;
         display: grid;
     }
@@ -503,9 +504,17 @@
         padding-left: 0.6em;
     }
 
-    @media only screen and (min-width: 600px) {
+    /* Screen sizes larger than mobile */
+    @media only screen and (min-width: 30rem) {
         .footer {
-            width: 100%;
+            padding: 1rem 1rem 2rem 1rem;
+        }
+    }
+
+    /* Tablet screen size */
+    @media only screen and (min-width: 43.75rem) {
+        .footer {
+            padding: 1rem;
         }
     }
 </style>
diff --git a/_site/articles/lgbtq-booklet-interview-misi-bawang/index.html b/_site/articles/lgbtq-booklet-interview-misi-bawang/index.html
index fda370a0..9b051a64 100644
--- a/_site/articles/lgbtq-booklet-interview-misi-bawang/index.html
+++ b/_site/articles/lgbtq-booklet-interview-misi-bawang/index.html
@@ -495,8 +495,9 @@
 <style>
     .footer {
         margin-top: auto;
+        width: 100%;
         background: var(--clr-main-footer-bg);
-        padding: 0.8rem;
+        padding: 1rem 1rem 3rem 1rem;
         text-align: center;
         display: grid;
     }
@@ -519,9 +520,17 @@
         padding-left: 0.6em;
     }
 
-    @media only screen and (min-width: 600px) {
+    /* Screen sizes larger than mobile */
+    @media only screen and (min-width: 30rem) {
         .footer {
-            width: 100%;
+            padding: 1rem 1rem 2rem 1rem;
+        }
+    }
+
+    /* Tablet screen size */
+    @media only screen and (min-width: 43.75rem) {
+        .footer {
+            padding: 1rem;
         }
     }
 </style>
diff --git a/_site/articles/my-dislike-of-shipping-culture/index.html b/_site/articles/my-dislike-of-shipping-culture/index.html
index 086bfd99..9d3f670b 100644
--- a/_site/articles/my-dislike-of-shipping-culture/index.html
+++ b/_site/articles/my-dislike-of-shipping-culture/index.html
@@ -472,8 +472,9 @@
 <style>
     .footer {
         margin-top: auto;
+        width: 100%;
         background: var(--clr-main-footer-bg);
-        padding: 0.8rem;
+        padding: 1rem 1rem 3rem 1rem;
         text-align: center;
         display: grid;
     }
@@ -496,9 +497,17 @@
         padding-left: 0.6em;
     }
 
-    @media only screen and (min-width: 600px) {
+    /* Screen sizes larger than mobile */
+    @media only screen and (min-width: 30rem) {
         .footer {
-            width: 100%;
+            padding: 1rem 1rem 2rem 1rem;
+        }
+    }
+
+    /* Tablet screen size */
+    @media only screen and (min-width: 43.75rem) {
+        .footer {
+            padding: 1rem;
         }
     }
 </style>
diff --git a/_site/blog/index.html b/_site/blog/index.html
index 8eef2f5b..c7f45efe 100644
--- a/_site/blog/index.html
+++ b/_site/blog/index.html
@@ -627,8 +627,9 @@
 <style>
     .footer {
         margin-top: auto;
+        width: 100%;
         background: var(--clr-main-footer-bg);
-        padding: 0.8rem;
+        padding: 1rem 1rem 3rem 1rem;
         text-align: center;
         display: grid;
     }
@@ -651,9 +652,17 @@
         padding-left: 0.6em;
     }
 
-    @media only screen and (min-width: 600px) {
+    /* Screen sizes larger than mobile */
+    @media only screen and (min-width: 30rem) {
         .footer {
-            width: 100%;
+            padding: 1rem 1rem 2rem 1rem;
+        }
+    }
+
+    /* Tablet screen size */
+    @media only screen and (min-width: 43.75rem) {
+        .footer {
+            padding: 1rem;
         }
     }
 </style>
diff --git a/_site/blog/page/2/index.html b/_site/blog/page/2/index.html
index 0e1a841b..be8f0ba1 100644
--- a/_site/blog/page/2/index.html
+++ b/_site/blog/page/2/index.html
@@ -629,8 +629,9 @@
 <style>
     .footer {
         margin-top: auto;
+        width: 100%;
         background: var(--clr-main-footer-bg);
-        padding: 0.8rem;
+        padding: 1rem 1rem 3rem 1rem;
         text-align: center;
         display: grid;
     }
@@ -653,9 +654,17 @@
         padding-left: 0.6em;
     }
 
-    @media only screen and (min-width: 600px) {
+    /* Screen sizes larger than mobile */
+    @media only screen and (min-width: 30rem) {
         .footer {
-            width: 100%;
+            padding: 1rem 1rem 2rem 1rem;
+        }
+    }
+
+    /* Tablet screen size */
+    @media only screen and (min-width: 43.75rem) {
+        .footer {
+            padding: 1rem;
         }
     }
 </style>
diff --git a/_site/blog/page/3/index.html b/_site/blog/page/3/index.html
index 75feec72..770f2799 100644
--- a/_site/blog/page/3/index.html
+++ b/_site/blog/page/3/index.html
@@ -605,8 +605,9 @@
 <style>
     .footer {
         margin-top: auto;
+        width: 100%;
         background: var(--clr-main-footer-bg);
-        padding: 0.8rem;
+        padding: 1rem 1rem 3rem 1rem;
         text-align: center;
         display: grid;
     }
@@ -629,9 +630,17 @@
         padding-left: 0.6em;
     }
 
-    @media only screen and (min-width: 600px) {
+    /* Screen sizes larger than mobile */
+    @media only screen and (min-width: 30rem) {
         .footer {
-            width: 100%;
+            padding: 1rem 1rem 2rem 1rem;
+        }
+    }
+
+    /* Tablet screen size */
+    @media only screen and (min-width: 43.75rem) {
+        .footer {
+            padding: 1rem;
         }
     }
 </style>
diff --git a/_site/blog/posts/2023-01-26-new-year-leilukins-hub-redesign/index.html b/_site/blog/posts/2023-01-26-new-year-leilukins-hub-redesign/index.html
index 942a4dfb..5c3280ad 100644
--- a/_site/blog/posts/2023-01-26-new-year-leilukins-hub-redesign/index.html
+++ b/_site/blog/posts/2023-01-26-new-year-leilukins-hub-redesign/index.html
@@ -499,8 +499,9 @@
 <style>
     .footer {
         margin-top: auto;
+        width: 100%;
         background: var(--clr-main-footer-bg);
-        padding: 0.8rem;
+        padding: 1rem 1rem 3rem 1rem;
         text-align: center;
         display: grid;
     }
@@ -523,9 +524,17 @@
         padding-left: 0.6em;
     }
 
-    @media only screen and (min-width: 600px) {
+    /* Screen sizes larger than mobile */
+    @media only screen and (min-width: 30rem) {
         .footer {
-            width: 100%;
+            padding: 1rem 1rem 2rem 1rem;
+        }
+    }
+
+    /* Tablet screen size */
+    @media only screen and (min-width: 43.75rem) {
+        .footer {
+            padding: 1rem;
         }
     }
 </style>
diff --git a/_site/blog/posts/2023-01-28-leilukins-hub-now-has-a-blog/index.html b/_site/blog/posts/2023-01-28-leilukins-hub-now-has-a-blog/index.html
index bb848d4e..cc247459 100644
--- a/_site/blog/posts/2023-01-28-leilukins-hub-now-has-a-blog/index.html
+++ b/_site/blog/posts/2023-01-28-leilukins-hub-now-has-a-blog/index.html
@@ -490,8 +490,9 @@ After discovering the static site generator <a href="https://www.11ty.dev/">Elev
 <style>
     .footer {
         margin-top: auto;
+        width: 100%;
         background: var(--clr-main-footer-bg);
-        padding: 0.8rem;
+        padding: 1rem 1rem 3rem 1rem;
         text-align: center;
         display: grid;
     }
@@ -514,9 +515,17 @@ After discovering the static site generator <a href="https://www.11ty.dev/">Elev
         padding-left: 0.6em;
     }
 
-    @media only screen and (min-width: 600px) {
+    /* Screen sizes larger than mobile */
+    @media only screen and (min-width: 30rem) {
         .footer {
-            width: 100%;
+            padding: 1rem 1rem 2rem 1rem;
+        }
+    }
+
+    /* Tablet screen size */
+    @media only screen and (min-width: 43.75rem) {
+        .footer {
+            padding: 1rem;
         }
     }
 </style>
diff --git a/_site/blog/posts/2023-05-09-onboard-the-dracula-daily-hype-train/index.html b/_site/blog/posts/2023-05-09-onboard-the-dracula-daily-hype-train/index.html
index df6b9c64..1c542895 100644
--- a/_site/blog/posts/2023-05-09-onboard-the-dracula-daily-hype-train/index.html
+++ b/_site/blog/posts/2023-05-09-onboard-the-dracula-daily-hype-train/index.html
@@ -485,8 +485,9 @@
 <style>
     .footer {
         margin-top: auto;
+        width: 100%;
         background: var(--clr-main-footer-bg);
-        padding: 0.8rem;
+        padding: 1rem 1rem 3rem 1rem;
         text-align: center;
         display: grid;
     }
@@ -509,9 +510,17 @@
         padding-left: 0.6em;
     }
 
-    @media only screen and (min-width: 600px) {
+    /* Screen sizes larger than mobile */
+    @media only screen and (min-width: 30rem) {
         .footer {
-            width: 100%;
+            padding: 1rem 1rem 2rem 1rem;
+        }
+    }
+
+    /* Tablet screen size */
+    @media only screen and (min-width: 43.75rem) {
+        .footer {
+            padding: 1rem;
         }
     }
 </style>
diff --git a/_site/blog/posts/2023-06-23-june-2023-leilukins-hub-layout-rewrite/index.html b/_site/blog/posts/2023-06-23-june-2023-leilukins-hub-layout-rewrite/index.html
index a586defc..2b8ad0e8 100644
--- a/_site/blog/posts/2023-06-23-june-2023-leilukins-hub-layout-rewrite/index.html
+++ b/_site/blog/posts/2023-06-23-june-2023-leilukins-hub-layout-rewrite/index.html
@@ -496,8 +496,9 @@
 <style>
     .footer {
         margin-top: auto;
+        width: 100%;
         background: var(--clr-main-footer-bg);
-        padding: 0.8rem;
+        padding: 1rem 1rem 3rem 1rem;
         text-align: center;
         display: grid;
     }
@@ -520,9 +521,17 @@
         padding-left: 0.6em;
     }
 
-    @media only screen and (min-width: 600px) {
+    /* Screen sizes larger than mobile */
+    @media only screen and (min-width: 30rem) {
         .footer {
-            width: 100%;
+            padding: 1rem 1rem 2rem 1rem;
+        }
+    }
+
+    /* Tablet screen size */
+    @media only screen and (min-width: 43.75rem) {
+        .footer {
+            padding: 1rem;
         }
     }
 </style>
diff --git a/_site/blog/posts/2023-07-28-my-first-birthday-after-the-launch-of-leilukins-hub/index.html b/_site/blog/posts/2023-07-28-my-first-birthday-after-the-launch-of-leilukins-hub/index.html
index 286eef1c..2dbc822f 100644
--- a/_site/blog/posts/2023-07-28-my-first-birthday-after-the-launch-of-leilukins-hub/index.html
+++ b/_site/blog/posts/2023-07-28-my-first-birthday-after-the-launch-of-leilukins-hub/index.html
@@ -489,8 +489,9 @@
 <style>
     .footer {
         margin-top: auto;
+        width: 100%;
         background: var(--clr-main-footer-bg);
-        padding: 0.8rem;
+        padding: 1rem 1rem 3rem 1rem;
         text-align: center;
         display: grid;
     }
@@ -513,9 +514,17 @@
         padding-left: 0.6em;
     }
 
-    @media only screen and (min-width: 600px) {
+    /* Screen sizes larger than mobile */
+    @media only screen and (min-width: 30rem) {
         .footer {
-            width: 100%;
+            padding: 1rem 1rem 2rem 1rem;
+        }
+    }
+
+    /* Tablet screen size */
+    @media only screen and (min-width: 43.75rem) {
+        .footer {
+            padding: 1rem;
         }
     }
 </style>
diff --git a/_site/blog/posts/2023-09-11-happy-1st-anniversary-to-leilukins-hub/index.html b/_site/blog/posts/2023-09-11-happy-1st-anniversary-to-leilukins-hub/index.html
index e3f36293..88ba1bad 100644
--- a/_site/blog/posts/2023-09-11-happy-1st-anniversary-to-leilukins-hub/index.html
+++ b/_site/blog/posts/2023-09-11-happy-1st-anniversary-to-leilukins-hub/index.html
@@ -490,8 +490,9 @@
 <style>
     .footer {
         margin-top: auto;
+        width: 100%;
         background: var(--clr-main-footer-bg);
-        padding: 0.8rem;
+        padding: 1rem 1rem 3rem 1rem;
         text-align: center;
         display: grid;
     }
@@ -514,9 +515,17 @@
         padding-left: 0.6em;
     }
 
-    @media only screen and (min-width: 600px) {
+    /* Screen sizes larger than mobile */
+    @media only screen and (min-width: 30rem) {
         .footer {
-            width: 100%;
+            padding: 1rem 1rem 2rem 1rem;
+        }
+    }
+
+    /* Tablet screen size */
+    @media only screen and (min-width: 43.75rem) {
+        .footer {
+            padding: 1rem;
         }
     }
 </style>
diff --git a/_site/blog/posts/2023-10-13-my-cassette-beasts-pombomb-plushie-arrived/index.html b/_site/blog/posts/2023-10-13-my-cassette-beasts-pombomb-plushie-arrived/index.html
index 94591996..254561ab 100644
--- a/_site/blog/posts/2023-10-13-my-cassette-beasts-pombomb-plushie-arrived/index.html
+++ b/_site/blog/posts/2023-10-13-my-cassette-beasts-pombomb-plushie-arrived/index.html
@@ -493,8 +493,9 @@
 <style>
     .footer {
         margin-top: auto;
+        width: 100%;
         background: var(--clr-main-footer-bg);
-        padding: 0.8rem;
+        padding: 1rem 1rem 3rem 1rem;
         text-align: center;
         display: grid;
     }
@@ -517,9 +518,17 @@
         padding-left: 0.6em;
     }
 
-    @media only screen and (min-width: 600px) {
+    /* Screen sizes larger than mobile */
+    @media only screen and (min-width: 30rem) {
         .footer {
-            width: 100%;
+            padding: 1rem 1rem 2rem 1rem;
+        }
+    }
+
+    /* Tablet screen size */
+    @media only screen and (min-width: 43.75rem) {
+        .footer {
+            padding: 1rem;
         }
     }
 </style>
diff --git a/_site/blog/posts/2023-10-30-support-for-my-steam-review-of-a-summers-end/index.html b/_site/blog/posts/2023-10-30-support-for-my-steam-review-of-a-summers-end/index.html
index 6ec32de5..73efda1f 100644
--- a/_site/blog/posts/2023-10-30-support-for-my-steam-review-of-a-summers-end/index.html
+++ b/_site/blog/posts/2023-10-30-support-for-my-steam-review-of-a-summers-end/index.html
@@ -499,8 +499,9 @@
 <style>
     .footer {
         margin-top: auto;
+        width: 100%;
         background: var(--clr-main-footer-bg);
-        padding: 0.8rem;
+        padding: 1rem 1rem 3rem 1rem;
         text-align: center;
         display: grid;
     }
@@ -523,9 +524,17 @@
         padding-left: 0.6em;
     }
 
-    @media only screen and (min-width: 600px) {
+    /* Screen sizes larger than mobile */
+    @media only screen and (min-width: 30rem) {
         .footer {
-            width: 100%;
+            padding: 1rem 1rem 2rem 1rem;
+        }
+    }
+
+    /* Tablet screen size */
+    @media only screen and (min-width: 43.75rem) {
+        .footer {
+            padding: 1rem;
         }
     }
 </style>
diff --git a/_site/blog/posts/2023-11-19-i-can-finally-game-on-a-solid-state-drive/index.html b/_site/blog/posts/2023-11-19-i-can-finally-game-on-a-solid-state-drive/index.html
index 2d592fea..bef3fe55 100644
--- a/_site/blog/posts/2023-11-19-i-can-finally-game-on-a-solid-state-drive/index.html
+++ b/_site/blog/posts/2023-11-19-i-can-finally-game-on-a-solid-state-drive/index.html
@@ -487,8 +487,9 @@
 <style>
     .footer {
         margin-top: auto;
+        width: 100%;
         background: var(--clr-main-footer-bg);
-        padding: 0.8rem;
+        padding: 1rem 1rem 3rem 1rem;
         text-align: center;
         display: grid;
     }
@@ -511,9 +512,17 @@
         padding-left: 0.6em;
     }
 
-    @media only screen and (min-width: 600px) {
+    /* Screen sizes larger than mobile */
+    @media only screen and (min-width: 30rem) {
         .footer {
-            width: 100%;
+            padding: 1rem 1rem 2rem 1rem;
+        }
+    }
+
+    /* Tablet screen size */
+    @media only screen and (min-width: 43.75rem) {
+        .footer {
+            padding: 1rem;
         }
     }
 </style>
diff --git a/_site/blog/posts/2023-11-20-finally-beat-a-bugs-life-video-game-24-years-later/index.html b/_site/blog/posts/2023-11-20-finally-beat-a-bugs-life-video-game-24-years-later/index.html
index ab79978e..6d27fa2b 100644
--- a/_site/blog/posts/2023-11-20-finally-beat-a-bugs-life-video-game-24-years-later/index.html
+++ b/_site/blog/posts/2023-11-20-finally-beat-a-bugs-life-video-game-24-years-later/index.html
@@ -487,8 +487,9 @@
 <style>
     .footer {
         margin-top: auto;
+        width: 100%;
         background: var(--clr-main-footer-bg);
-        padding: 0.8rem;
+        padding: 1rem 1rem 3rem 1rem;
         text-align: center;
         display: grid;
     }
@@ -511,9 +512,17 @@
         padding-left: 0.6em;
     }
 
-    @media only screen and (min-width: 600px) {
+    /* Screen sizes larger than mobile */
+    @media only screen and (min-width: 30rem) {
         .footer {
-            width: 100%;
+            padding: 1rem 1rem 2rem 1rem;
+        }
+    }
+
+    /* Tablet screen size */
+    @media only screen and (min-width: 43.75rem) {
+        .footer {
+            padding: 1rem;
         }
     }
 </style>
diff --git a/_site/blog/posts/2024-03-06-i-received-a-lifetime-premium-membership-on-nexus-mods-for-free/index.html b/_site/blog/posts/2024-03-06-i-received-a-lifetime-premium-membership-on-nexus-mods-for-free/index.html
index cd758680..0c2fdc0e 100644
--- a/_site/blog/posts/2024-03-06-i-received-a-lifetime-premium-membership-on-nexus-mods-for-free/index.html
+++ b/_site/blog/posts/2024-03-06-i-received-a-lifetime-premium-membership-on-nexus-mods-for-free/index.html
@@ -499,8 +499,9 @@
 <style>
     .footer {
         margin-top: auto;
+        width: 100%;
         background: var(--clr-main-footer-bg);
-        padding: 0.8rem;
+        padding: 1rem 1rem 3rem 1rem;
         text-align: center;
         display: grid;
     }
@@ -523,9 +524,17 @@
         padding-left: 0.6em;
     }
 
-    @media only screen and (min-width: 600px) {
+    /* Screen sizes larger than mobile */
+    @media only screen and (min-width: 30rem) {
         .footer {
-            width: 100%;
+            padding: 1rem 1rem 2rem 1rem;
+        }
+    }
+
+    /* Tablet screen size */
+    @media only screen and (min-width: 43.75rem) {
+        .footer {
+            padding: 1rem;
         }
     }
 </style>
diff --git a/_site/blog/posts/2024-04-21-april-2024-leilukins-hub-overhaul-with-eleventy/index.html b/_site/blog/posts/2024-04-21-april-2024-leilukins-hub-overhaul-with-eleventy/index.html
index 19d8c4b0..ae2c8d45 100644
--- a/_site/blog/posts/2024-04-21-april-2024-leilukins-hub-overhaul-with-eleventy/index.html
+++ b/_site/blog/posts/2024-04-21-april-2024-leilukins-hub-overhaul-with-eleventy/index.html
@@ -728,8 +728,9 @@
 <style>
     .footer {
         margin-top: auto;
+        width: 100%;
         background: var(--clr-main-footer-bg);
-        padding: 0.8rem;
+        padding: 1rem 1rem 3rem 1rem;
         text-align: center;
         display: grid;
     }
@@ -752,9 +753,17 @@
         padding-left: 0.6em;
     }
 
-    @media only screen and (min-width: 600px) {
+    /* Screen sizes larger than mobile */
+    @media only screen and (min-width: 30rem) {
         .footer {
-            width: 100%;
+            padding: 1rem 1rem 2rem 1rem;
+        }
+    }
+
+    /* Tablet screen size */
+    @media only screen and (min-width: 43.75rem) {
+        .footer {
+            padding: 1rem;
         }
     }
 </style>
diff --git a/_site/blog/posts/2024-04-27-lesbian-visibility-day1-year-anniversary-of-cassette-beasts/index.html b/_site/blog/posts/2024-04-27-lesbian-visibility-day1-year-anniversary-of-cassette-beasts/index.html
index f8631223..c01c2ac4 100644
--- a/_site/blog/posts/2024-04-27-lesbian-visibility-day1-year-anniversary-of-cassette-beasts/index.html
+++ b/_site/blog/posts/2024-04-27-lesbian-visibility-day1-year-anniversary-of-cassette-beasts/index.html
@@ -501,8 +501,9 @@
 <style>
     .footer {
         margin-top: auto;
+        width: 100%;
         background: var(--clr-main-footer-bg);
-        padding: 0.8rem;
+        padding: 1rem 1rem 3rem 1rem;
         text-align: center;
         display: grid;
     }
@@ -525,9 +526,17 @@
         padding-left: 0.6em;
     }
 
-    @media only screen and (min-width: 600px) {
+    /* Screen sizes larger than mobile */
+    @media only screen and (min-width: 30rem) {
         .footer {
-            width: 100%;
+            padding: 1rem 1rem 2rem 1rem;
+        }
+    }
+
+    /* Tablet screen size */
+    @media only screen and (min-width: 43.75rem) {
+        .footer {
+            padding: 1rem;
         }
     }
 </style>
diff --git a/_site/blog/posts/index.html b/_site/blog/posts/index.html
index 008174df..c18780c4 100644
--- a/_site/blog/posts/index.html
+++ b/_site/blog/posts/index.html
@@ -598,8 +598,9 @@
 <style>
     .footer {
         margin-top: auto;
+        width: 100%;
         background: var(--clr-main-footer-bg);
-        padding: 0.8rem;
+        padding: 1rem 1rem 3rem 1rem;
         text-align: center;
         display: grid;
     }
@@ -622,9 +623,17 @@
         padding-left: 0.6em;
     }
 
-    @media only screen and (min-width: 600px) {
+    /* Screen sizes larger than mobile */
+    @media only screen and (min-width: 30rem) {
         .footer {
-            width: 100%;
+            padding: 1rem 1rem 2rem 1rem;
+        }
+    }
+
+    /* Tablet screen size */
+    @media only screen and (min-width: 43.75rem) {
+        .footer {
+            padding: 1rem;
         }
     }
 </style>
diff --git a/_site/categories/a-summers-end/index.html b/_site/categories/a-summers-end/index.html
index 6d34ac9a..a6b06059 100644
--- a/_site/categories/a-summers-end/index.html
+++ b/_site/categories/a-summers-end/index.html
@@ -454,8 +454,9 @@
 <style>
     .footer {
         margin-top: auto;
+        width: 100%;
         background: var(--clr-main-footer-bg);
-        padding: 0.8rem;
+        padding: 1rem 1rem 3rem 1rem;
         text-align: center;
         display: grid;
     }
@@ -478,9 +479,17 @@
         padding-left: 0.6em;
     }
 
-    @media only screen and (min-width: 600px) {
+    /* Screen sizes larger than mobile */
+    @media only screen and (min-width: 30rem) {
         .footer {
-            width: 100%;
+            padding: 1rem 1rem 2rem 1rem;
+        }
+    }
+
+    /* Tablet screen size */
+    @media only screen and (min-width: 43.75rem) {
+        .footer {
+            padding: 1rem;
         }
     }
 </style>
diff --git a/_site/categories/anti-harry-potter/index.html b/_site/categories/anti-harry-potter/index.html
index 41ed672b..fc1d6e86 100644
--- a/_site/categories/anti-harry-potter/index.html
+++ b/_site/categories/anti-harry-potter/index.html
@@ -454,8 +454,9 @@
 <style>
     .footer {
         margin-top: auto;
+        width: 100%;
         background: var(--clr-main-footer-bg);
-        padding: 0.8rem;
+        padding: 1rem 1rem 3rem 1rem;
         text-align: center;
         display: grid;
     }
@@ -478,9 +479,17 @@
         padding-left: 0.6em;
     }
 
-    @media only screen and (min-width: 600px) {
+    /* Screen sizes larger than mobile */
+    @media only screen and (min-width: 30rem) {
         .footer {
-            width: 100%;
+            padding: 1rem 1rem 2rem 1rem;
+        }
+    }
+
+    /* Tablet screen size */
+    @media only screen and (min-width: 43.75rem) {
+        .footer {
+            padding: 1rem;
         }
     }
 </style>
diff --git a/_site/categories/anti-jk-rowling/index.html b/_site/categories/anti-jk-rowling/index.html
index 87c8906b..d1a32ee3 100644
--- a/_site/categories/anti-jk-rowling/index.html
+++ b/_site/categories/anti-jk-rowling/index.html
@@ -454,8 +454,9 @@
 <style>
     .footer {
         margin-top: auto;
+        width: 100%;
         background: var(--clr-main-footer-bg);
-        padding: 0.8rem;
+        padding: 1rem 1rem 3rem 1rem;
         text-align: center;
         display: grid;
     }
@@ -478,9 +479,17 @@
         padding-left: 0.6em;
     }
 
-    @media only screen and (min-width: 600px) {
+    /* Screen sizes larger than mobile */
+    @media only screen and (min-width: 30rem) {
         .footer {
-            width: 100%;
+            padding: 1rem 1rem 2rem 1rem;
+        }
+    }
+
+    /* Tablet screen size */
+    @media only screen and (min-width: 43.75rem) {
+        .footer {
+            padding: 1rem;
         }
     }
 </style>
diff --git a/_site/categories/cassette-beasts/index.html b/_site/categories/cassette-beasts/index.html
index e14d1bd8..a6822b1e 100644
--- a/_site/categories/cassette-beasts/index.html
+++ b/_site/categories/cassette-beasts/index.html
@@ -484,8 +484,9 @@
 <style>
     .footer {
         margin-top: auto;
+        width: 100%;
         background: var(--clr-main-footer-bg);
-        padding: 0.8rem;
+        padding: 1rem 1rem 3rem 1rem;
         text-align: center;
         display: grid;
     }
@@ -508,9 +509,17 @@
         padding-left: 0.6em;
     }
 
-    @media only screen and (min-width: 600px) {
+    /* Screen sizes larger than mobile */
+    @media only screen and (min-width: 30rem) {
         .footer {
-            width: 100%;
+            padding: 1rem 1rem 2rem 1rem;
+        }
+    }
+
+    /* Tablet screen size */
+    @media only screen and (min-width: 43.75rem) {
+        .footer {
+            padding: 1rem;
         }
     }
 </style>
diff --git a/_site/categories/dracula-daily/index.html b/_site/categories/dracula-daily/index.html
index da0cf70f..c5badee8 100644
--- a/_site/categories/dracula-daily/index.html
+++ b/_site/categories/dracula-daily/index.html
@@ -454,8 +454,9 @@
 <style>
     .footer {
         margin-top: auto;
+        width: 100%;
         background: var(--clr-main-footer-bg);
-        padding: 0.8rem;
+        padding: 1rem 1rem 3rem 1rem;
         text-align: center;
         display: grid;
     }
@@ -478,9 +479,17 @@
         padding-left: 0.6em;
     }
 
-    @media only screen and (min-width: 600px) {
+    /* Screen sizes larger than mobile */
+    @media only screen and (min-width: 30rem) {
         .footer {
-            width: 100%;
+            padding: 1rem 1rem 2rem 1rem;
+        }
+    }
+
+    /* Tablet screen size */
+    @media only screen and (min-width: 43.75rem) {
+        .footer {
+            padding: 1rem;
         }
     }
 </style>
diff --git a/_site/categories/fandom-culture/index.html b/_site/categories/fandom-culture/index.html
index a123a957..7a493c2a 100644
--- a/_site/categories/fandom-culture/index.html
+++ b/_site/categories/fandom-culture/index.html
@@ -464,8 +464,9 @@
 <style>
     .footer {
         margin-top: auto;
+        width: 100%;
         background: var(--clr-main-footer-bg);
-        padding: 0.8rem;
+        padding: 1rem 1rem 3rem 1rem;
         text-align: center;
         display: grid;
     }
@@ -488,9 +489,17 @@
         padding-left: 0.6em;
     }
 
-    @media only screen and (min-width: 600px) {
+    /* Screen sizes larger than mobile */
+    @media only screen and (min-width: 30rem) {
         .footer {
-            width: 100%;
+            padding: 1rem 1rem 2rem 1rem;
+        }
+    }
+
+    /* Tablet screen size */
+    @media only screen and (min-width: 43.75rem) {
+        .footer {
+            padding: 1rem;
         }
     }
 </style>
diff --git a/_site/categories/index.html b/_site/categories/index.html
index 9cb336a3..496f3887 100644
--- a/_site/categories/index.html
+++ b/_site/categories/index.html
@@ -485,8 +485,9 @@
 <style>
     .footer {
         margin-top: auto;
+        width: 100%;
         background: var(--clr-main-footer-bg);
-        padding: 0.8rem;
+        padding: 1rem 1rem 3rem 1rem;
         text-align: center;
         display: grid;
     }
@@ -509,9 +510,17 @@
         padding-left: 0.6em;
     }
 
-    @media only screen and (min-width: 600px) {
+    /* Screen sizes larger than mobile */
+    @media only screen and (min-width: 30rem) {
         .footer {
-            width: 100%;
+            padding: 1rem 1rem 2rem 1rem;
+        }
+    }
+
+    /* Tablet screen size */
+    @media only screen and (min-width: 43.75rem) {
+        .footer {
+            padding: 1rem;
         }
     }
 </style>
diff --git a/_site/categories/lesbian/index.html b/_site/categories/lesbian/index.html
index 99a98bd3..51b063c7 100644
--- a/_site/categories/lesbian/index.html
+++ b/_site/categories/lesbian/index.html
@@ -454,8 +454,9 @@
 <style>
     .footer {
         margin-top: auto;
+        width: 100%;
         background: var(--clr-main-footer-bg);
-        padding: 0.8rem;
+        padding: 1rem 1rem 3rem 1rem;
         text-align: center;
         display: grid;
     }
@@ -478,9 +479,17 @@
         padding-left: 0.6em;
     }
 
-    @media only screen and (min-width: 600px) {
+    /* Screen sizes larger than mobile */
+    @media only screen and (min-width: 30rem) {
         .footer {
-            width: 100%;
+            padding: 1rem 1rem 2rem 1rem;
+        }
+    }
+
+    /* Tablet screen size */
+    @media only screen and (min-width: 43.75rem) {
+        .footer {
+            padding: 1rem;
         }
     }
 </style>
diff --git a/_site/categories/life-updates/index.html b/_site/categories/life-updates/index.html
index b22b21a6..a97c6ad1 100644
--- a/_site/categories/life-updates/index.html
+++ b/_site/categories/life-updates/index.html
@@ -464,8 +464,9 @@
 <style>
     .footer {
         margin-top: auto;
+        width: 100%;
         background: var(--clr-main-footer-bg);
-        padding: 0.8rem;
+        padding: 1rem 1rem 3rem 1rem;
         text-align: center;
         display: grid;
     }
@@ -488,9 +489,17 @@
         padding-left: 0.6em;
     }
 
-    @media only screen and (min-width: 600px) {
+    /* Screen sizes larger than mobile */
+    @media only screen and (min-width: 30rem) {
         .footer {
-            width: 100%;
+            padding: 1rem 1rem 2rem 1rem;
+        }
+    }
+
+    /* Tablet screen size */
+    @media only screen and (min-width: 43.75rem) {
+        .footer {
+            padding: 1rem;
         }
     }
 </style>
diff --git a/_site/categories/modding/index.html b/_site/categories/modding/index.html
index 9440ce74..70aec8d9 100644
--- a/_site/categories/modding/index.html
+++ b/_site/categories/modding/index.html
@@ -504,8 +504,9 @@
 <style>
     .footer {
         margin-top: auto;
+        width: 100%;
         background: var(--clr-main-footer-bg);
-        padding: 0.8rem;
+        padding: 1rem 1rem 3rem 1rem;
         text-align: center;
         display: grid;
     }
@@ -528,9 +529,17 @@
         padding-left: 0.6em;
     }
 
-    @media only screen and (min-width: 600px) {
+    /* Screen sizes larger than mobile */
+    @media only screen and (min-width: 30rem) {
         .footer {
-            width: 100%;
+            padding: 1rem 1rem 2rem 1rem;
+        }
+    }
+
+    /* Tablet screen size */
+    @media only screen and (min-width: 43.75rem) {
+        .footer {
+            padding: 1rem;
         }
     }
 </style>
diff --git a/_site/categories/my-birthday/index.html b/_site/categories/my-birthday/index.html
index cb69b22a..3f90ce12 100644
--- a/_site/categories/my-birthday/index.html
+++ b/_site/categories/my-birthday/index.html
@@ -454,8 +454,9 @@
 <style>
     .footer {
         margin-top: auto;
+        width: 100%;
         background: var(--clr-main-footer-bg);
-        padding: 0.8rem;
+        padding: 1rem 1rem 3rem 1rem;
         text-align: center;
         display: grid;
     }
@@ -478,9 +479,17 @@
         padding-left: 0.6em;
     }
 
-    @media only screen and (min-width: 600px) {
+    /* Screen sizes larger than mobile */
+    @media only screen and (min-width: 30rem) {
         .footer {
-            width: 100%;
+            padding: 1rem 1rem 2rem 1rem;
+        }
+    }
+
+    /* Tablet screen size */
+    @media only screen and (min-width: 43.75rem) {
+        .footer {
+            padding: 1rem;
         }
     }
 </style>
diff --git a/_site/categories/my-interviews/index.html b/_site/categories/my-interviews/index.html
index 66484f2e..ca9eabac 100644
--- a/_site/categories/my-interviews/index.html
+++ b/_site/categories/my-interviews/index.html
@@ -464,8 +464,9 @@
 <style>
     .footer {
         margin-top: auto;
+        width: 100%;
         background: var(--clr-main-footer-bg);
-        padding: 0.8rem;
+        padding: 1rem 1rem 3rem 1rem;
         text-align: center;
         display: grid;
     }
@@ -488,9 +489,17 @@
         padding-left: 0.6em;
     }
 
-    @media only screen and (min-width: 600px) {
+    /* Screen sizes larger than mobile */
+    @media only screen and (min-width: 30rem) {
         .footer {
-            width: 100%;
+            padding: 1rem 1rem 2rem 1rem;
+        }
+    }
+
+    /* Tablet screen size */
+    @media only screen and (min-width: 43.75rem) {
+        .footer {
+            padding: 1rem;
         }
     }
 </style>
diff --git a/_site/categories/site-anniversary/index.html b/_site/categories/site-anniversary/index.html
index d8f03b36..acfffff0 100644
--- a/_site/categories/site-anniversary/index.html
+++ b/_site/categories/site-anniversary/index.html
@@ -454,8 +454,9 @@
 <style>
     .footer {
         margin-top: auto;
+        width: 100%;
         background: var(--clr-main-footer-bg);
-        padding: 0.8rem;
+        padding: 1rem 1rem 3rem 1rem;
         text-align: center;
         display: grid;
     }
@@ -478,9 +479,17 @@
         padding-left: 0.6em;
     }
 
-    @media only screen and (min-width: 600px) {
+    /* Screen sizes larger than mobile */
+    @media only screen and (min-width: 30rem) {
         .footer {
-            width: 100%;
+            padding: 1rem 1rem 2rem 1rem;
+        }
+    }
+
+    /* Tablet screen size */
+    @media only screen and (min-width: 43.75rem) {
+        .footer {
+            padding: 1rem;
         }
     }
 </style>
diff --git a/_site/categories/site-updates/index.html b/_site/categories/site-updates/index.html
index de80b5b1..98d00d36 100644
--- a/_site/categories/site-updates/index.html
+++ b/_site/categories/site-updates/index.html
@@ -494,8 +494,9 @@
 <style>
     .footer {
         margin-top: auto;
+        width: 100%;
         background: var(--clr-main-footer-bg);
-        padding: 0.8rem;
+        padding: 1rem 1rem 3rem 1rem;
         text-align: center;
         display: grid;
     }
@@ -518,9 +519,17 @@
         padding-left: 0.6em;
     }
 
-    @media only screen and (min-width: 600px) {
+    /* Screen sizes larger than mobile */
+    @media only screen and (min-width: 30rem) {
         .footer {
-            width: 100%;
+            padding: 1rem 1rem 2rem 1rem;
+        }
+    }
+
+    /* Tablet screen size */
+    @media only screen and (min-width: 43.75rem) {
+        .footer {
+            padding: 1rem;
         }
     }
 </style>
diff --git a/_site/categories/star-wars-kotor-2/index.html b/_site/categories/star-wars-kotor-2/index.html
index 9747c40c..ffeb1453 100644
--- a/_site/categories/star-wars-kotor-2/index.html
+++ b/_site/categories/star-wars-kotor-2/index.html
@@ -524,8 +524,9 @@
 <style>
     .footer {
         margin-top: auto;
+        width: 100%;
         background: var(--clr-main-footer-bg);
-        padding: 0.8rem;
+        padding: 1rem 1rem 3rem 1rem;
         text-align: center;
         display: grid;
     }
@@ -548,9 +549,17 @@
         padding-left: 0.6em;
     }
 
-    @media only screen and (min-width: 600px) {
+    /* Screen sizes larger than mobile */
+    @media only screen and (min-width: 30rem) {
         .footer {
-            width: 100%;
+            padding: 1rem 1rem 2rem 1rem;
+        }
+    }
+
+    /* Tablet screen size */
+    @media only screen and (min-width: 43.75rem) {
+        .footer {
+            padding: 1rem;
         }
     }
 </style>
diff --git a/_site/categories/star-wars-kotor/index.html b/_site/categories/star-wars-kotor/index.html
index eff9f260..d91bbdab 100644
--- a/_site/categories/star-wars-kotor/index.html
+++ b/_site/categories/star-wars-kotor/index.html
@@ -524,8 +524,9 @@
 <style>
     .footer {
         margin-top: auto;
+        width: 100%;
         background: var(--clr-main-footer-bg);
-        padding: 0.8rem;
+        padding: 1rem 1rem 3rem 1rem;
         text-align: center;
         display: grid;
     }
@@ -548,9 +549,17 @@
         padding-left: 0.6em;
     }
 
-    @media only screen and (min-width: 600px) {
+    /* Screen sizes larger than mobile */
+    @media only screen and (min-width: 30rem) {
         .footer {
-            width: 100%;
+            padding: 1rem 1rem 2rem 1rem;
+        }
+    }
+
+    /* Tablet screen size */
+    @media only screen and (min-width: 43.75rem) {
+        .footer {
+            padding: 1rem;
         }
     }
 </style>
diff --git a/_site/changelogs/2022/index.html b/_site/changelogs/2022/index.html
index 14b0abe4..70aa37e6 100644
--- a/_site/changelogs/2022/index.html
+++ b/_site/changelogs/2022/index.html
@@ -747,8 +747,9 @@
 <style>
     .footer {
         margin-top: auto;
+        width: 100%;
         background: var(--clr-main-footer-bg);
-        padding: 0.8rem;
+        padding: 1rem 1rem 3rem 1rem;
         text-align: center;
         display: grid;
     }
@@ -771,9 +772,17 @@
         padding-left: 0.6em;
     }
 
-    @media only screen and (min-width: 600px) {
+    /* Screen sizes larger than mobile */
+    @media only screen and (min-width: 30rem) {
         .footer {
-            width: 100%;
+            padding: 1rem 1rem 2rem 1rem;
+        }
+    }
+
+    /* Tablet screen size */
+    @media only screen and (min-width: 43.75rem) {
+        .footer {
+            padding: 1rem;
         }
     }
 </style>
diff --git a/_site/changelogs/2023/index.html b/_site/changelogs/2023/index.html
index 40956d7d..21b3920e 100644
--- a/_site/changelogs/2023/index.html
+++ b/_site/changelogs/2023/index.html
@@ -1049,8 +1049,9 @@
 <style>
     .footer {
         margin-top: auto;
+        width: 100%;
         background: var(--clr-main-footer-bg);
-        padding: 0.8rem;
+        padding: 1rem 1rem 3rem 1rem;
         text-align: center;
         display: grid;
     }
@@ -1073,9 +1074,17 @@
         padding-left: 0.6em;
     }
 
-    @media only screen and (min-width: 600px) {
+    /* Screen sizes larger than mobile */
+    @media only screen and (min-width: 30rem) {
         .footer {
-            width: 100%;
+            padding: 1rem 1rem 2rem 1rem;
+        }
+    }
+
+    /* Tablet screen size */
+    @media only screen and (min-width: 43.75rem) {
+        .footer {
+            padding: 1rem;
         }
     }
 </style>
diff --git a/_site/changelogs/2024/index.html b/_site/changelogs/2024/index.html
index ffe71644..2bdba338 100644
--- a/_site/changelogs/2024/index.html
+++ b/_site/changelogs/2024/index.html
@@ -604,8 +604,9 @@
 <style>
     .footer {
         margin-top: auto;
+        width: 100%;
         background: var(--clr-main-footer-bg);
-        padding: 0.8rem;
+        padding: 1rem 1rem 3rem 1rem;
         text-align: center;
         display: grid;
     }
@@ -628,9 +629,17 @@
         padding-left: 0.6em;
     }
 
-    @media only screen and (min-width: 600px) {
+    /* Screen sizes larger than mobile */
+    @media only screen and (min-width: 30rem) {
         .footer {
-            width: 100%;
+            padding: 1rem 1rem 2rem 1rem;
+        }
+    }
+
+    /* Tablet screen size */
+    @media only screen and (min-width: 43.75rem) {
+        .footer {
+            padding: 1rem;
         }
     }
 </style>
diff --git a/_site/changelogs/index.html b/_site/changelogs/index.html
index e04c3a6f..f88a759d 100644
--- a/_site/changelogs/index.html
+++ b/_site/changelogs/index.html
@@ -717,8 +717,9 @@
 <style>
     .footer {
         margin-top: auto;
+        width: 100%;
         background: var(--clr-main-footer-bg);
-        padding: 0.8rem;
+        padding: 1rem 1rem 3rem 1rem;
         text-align: center;
         display: grid;
     }
@@ -741,9 +742,17 @@
         padding-left: 0.6em;
     }
 
-    @media only screen and (min-width: 600px) {
+    /* Screen sizes larger than mobile */
+    @media only screen and (min-width: 30rem) {
         .footer {
-            width: 100%;
+            padding: 1rem 1rem 2rem 1rem;
+        }
+    }
+
+    /* Tablet screen size */
+    @media only screen and (min-width: 43.75rem) {
+        .footer {
+            padding: 1rem;
         }
     }
 </style>
diff --git a/_site/changelogs/layouts/index.html b/_site/changelogs/layouts/index.html
index 6aec029b..af782ca1 100644
--- a/_site/changelogs/layouts/index.html
+++ b/_site/changelogs/layouts/index.html
@@ -603,8 +603,9 @@
 <style>
     .footer {
         margin-top: auto;
+        width: 100%;
         background: var(--clr-main-footer-bg);
-        padding: 0.8rem;
+        padding: 1rem 1rem 3rem 1rem;
         text-align: center;
         display: grid;
     }
@@ -627,9 +628,17 @@
         padding-left: 0.6em;
     }
 
-    @media only screen and (min-width: 600px) {
+    /* Screen sizes larger than mobile */
+    @media only screen and (min-width: 30rem) {
         .footer {
-            width: 100%;
+            padding: 1rem 1rem 2rem 1rem;
+        }
+    }
+
+    /* Tablet screen size */
+    @media only screen and (min-width: 43.75rem) {
+        .footer {
+            padding: 1rem;
         }
     }
 </style>
diff --git a/_site/changelogs/page/2/index.html b/_site/changelogs/page/2/index.html
index 5fe70bbd..061488c6 100644
--- a/_site/changelogs/page/2/index.html
+++ b/_site/changelogs/page/2/index.html
@@ -745,8 +745,9 @@
 <style>
     .footer {
         margin-top: auto;
+        width: 100%;
         background: var(--clr-main-footer-bg);
-        padding: 0.8rem;
+        padding: 1rem 1rem 3rem 1rem;
         text-align: center;
         display: grid;
     }
@@ -769,9 +770,17 @@
         padding-left: 0.6em;
     }
 
-    @media only screen and (min-width: 600px) {
+    /* Screen sizes larger than mobile */
+    @media only screen and (min-width: 30rem) {
         .footer {
-            width: 100%;
+            padding: 1rem 1rem 2rem 1rem;
+        }
+    }
+
+    /* Tablet screen size */
+    @media only screen and (min-width: 43.75rem) {
+        .footer {
+            padding: 1rem;
         }
     }
 </style>
diff --git a/_site/changelogs/page/3/index.html b/_site/changelogs/page/3/index.html
index 3edaea37..b01ef307 100644
--- a/_site/changelogs/page/3/index.html
+++ b/_site/changelogs/page/3/index.html
@@ -745,8 +745,9 @@
 <style>
     .footer {
         margin-top: auto;
+        width: 100%;
         background: var(--clr-main-footer-bg);
-        padding: 0.8rem;
+        padding: 1rem 1rem 3rem 1rem;
         text-align: center;
         display: grid;
     }
@@ -769,9 +770,17 @@
         padding-left: 0.6em;
     }
 
-    @media only screen and (min-width: 600px) {
+    /* Screen sizes larger than mobile */
+    @media only screen and (min-width: 30rem) {
         .footer {
-            width: 100%;
+            padding: 1rem 1rem 2rem 1rem;
+        }
+    }
+
+    /* Tablet screen size */
+    @media only screen and (min-width: 43.75rem) {
+        .footer {
+            padding: 1rem;
         }
     }
 </style>
diff --git a/_site/changelogs/page/4/index.html b/_site/changelogs/page/4/index.html
index 6e7b42b0..180a35df 100644
--- a/_site/changelogs/page/4/index.html
+++ b/_site/changelogs/page/4/index.html
@@ -723,8 +723,9 @@
 <style>
     .footer {
         margin-top: auto;
+        width: 100%;
         background: var(--clr-main-footer-bg);
-        padding: 0.8rem;
+        padding: 1rem 1rem 3rem 1rem;
         text-align: center;
         display: grid;
     }
@@ -747,9 +748,17 @@
         padding-left: 0.6em;
     }
 
-    @media only screen and (min-width: 600px) {
+    /* Screen sizes larger than mobile */
+    @media only screen and (min-width: 30rem) {
         .footer {
-            width: 100%;
+            padding: 1rem 1rem 2rem 1rem;
+        }
+    }
+
+    /* Tablet screen size */
+    @media only screen and (min-width: 43.75rem) {
+        .footer {
+            padding: 1rem;
         }
     }
 </style>
diff --git a/_site/changelogs/page/5/index.html b/_site/changelogs/page/5/index.html
index aba3bf7a..ca95d5ce 100644
--- a/_site/changelogs/page/5/index.html
+++ b/_site/changelogs/page/5/index.html
@@ -692,8 +692,9 @@
 <style>
     .footer {
         margin-top: auto;
+        width: 100%;
         background: var(--clr-main-footer-bg);
-        padding: 0.8rem;
+        padding: 1rem 1rem 3rem 1rem;
         text-align: center;
         display: grid;
     }
@@ -716,9 +717,17 @@
         padding-left: 0.6em;
     }
 
-    @media only screen and (min-width: 600px) {
+    /* Screen sizes larger than mobile */
+    @media only screen and (min-width: 30rem) {
         .footer {
-            width: 100%;
+            padding: 1rem 1rem 2rem 1rem;
+        }
+    }
+
+    /* Tablet screen size */
+    @media only screen and (min-width: 43.75rem) {
+        .footer {
+            padding: 1rem;
         }
     }
 </style>
diff --git a/_site/feed.xml b/_site/feed.xml
index dc1ca0ed..9172acd9 100644
--- a/_site/feed.xml
+++ b/_site/feed.xml
@@ -4,7 +4,7 @@
     <subtitle>Leilukin&#39;s personal website.</subtitle>
     <link href="https://leilukin.neocities.org/feed.xml" rel="self"/>
     <link href="https://leilukin.neocities.org"/>
-    <updated>2024-05-09T16:49:26Z</updated>
+    <updated>2024-05-09T17:12:48Z</updated>
     <id>https://leilukin.neocities.org</id>
     <author>
         <name>Leilukin</name>
diff --git a/_site/index.html b/_site/index.html
index 8392a61d..43ec6181 100644
--- a/_site/index.html
+++ b/_site/index.html
@@ -551,8 +551,9 @@
 <style>
     .footer {
         margin-top: auto;
+        width: 100%;
         background: var(--clr-main-footer-bg);
-        padding: 0.8rem;
+        padding: 1rem 1rem 3rem 1rem;
         text-align: center;
         display: grid;
     }
@@ -575,9 +576,17 @@
         padding-left: 0.6em;
     }
 
-    @media only screen and (min-width: 600px) {
+    /* Screen sizes larger than mobile */
+    @media only screen and (min-width: 30rem) {
         .footer {
-            width: 100%;
+            padding: 1rem 1rem 2rem 1rem;
+        }
+    }
+
+    /* Tablet screen size */
+    @media only screen and (min-width: 43.75rem) {
+        .footer {
+            padding: 1rem;
         }
     }
 </style>
diff --git a/_site/links/index.html b/_site/links/index.html
index 962b167c..7c350198 100644
--- a/_site/links/index.html
+++ b/_site/links/index.html
@@ -503,8 +503,9 @@
 <style>
     .footer {
         margin-top: auto;
+        width: 100%;
         background: var(--clr-main-footer-bg);
-        padding: 0.8rem;
+        padding: 1rem 1rem 3rem 1rem;
         text-align: center;
         display: grid;
     }
@@ -527,9 +528,17 @@
         padding-left: 0.6em;
     }
 
-    @media only screen and (min-width: 600px) {
+    /* Screen sizes larger than mobile */
+    @media only screen and (min-width: 30rem) {
         .footer {
-            width: 100%;
+            padding: 1rem 1rem 2rem 1rem;
+        }
+    }
+
+    /* Tablet screen size */
+    @media only screen and (min-width: 43.75rem) {
+        .footer {
+            padding: 1rem;
         }
     }
 </style>
diff --git a/_site/now/index.html b/_site/now/index.html
index 79a682b3..608901a3 100644
--- a/_site/now/index.html
+++ b/_site/now/index.html
@@ -433,8 +433,9 @@
 <style>
     .footer {
         margin-top: auto;
+        width: 100%;
         background: var(--clr-main-footer-bg);
-        padding: 0.8rem;
+        padding: 1rem 1rem 3rem 1rem;
         text-align: center;
         display: grid;
     }
@@ -457,9 +458,17 @@
         padding-left: 0.6em;
     }
 
-    @media only screen and (min-width: 600px) {
+    /* Screen sizes larger than mobile */
+    @media only screen and (min-width: 30rem) {
         .footer {
-            width: 100%;
+            padding: 1rem 1rem 2rem 1rem;
+        }
+    }
+
+    /* Tablet screen size */
+    @media only screen and (min-width: 43.75rem) {
+        .footer {
+            padding: 1rem;
         }
     }
 </style>
diff --git a/_site/projects/index.html b/_site/projects/index.html
index cf322f17..69575b02 100644
--- a/_site/projects/index.html
+++ b/_site/projects/index.html
@@ -514,8 +514,9 @@
 <style>
     .footer {
         margin-top: auto;
+        width: 100%;
         background: var(--clr-main-footer-bg);
-        padding: 0.8rem;
+        padding: 1rem 1rem 3rem 1rem;
         text-align: center;
         display: grid;
     }
@@ -538,9 +539,17 @@
         padding-left: 0.6em;
     }
 
-    @media only screen and (min-width: 600px) {
+    /* Screen sizes larger than mobile */
+    @media only screen and (min-width: 30rem) {
         .footer {
-            width: 100%;
+            padding: 1rem 1rem 2rem 1rem;
+        }
+    }
+
+    /* Tablet screen size */
+    @media only screen and (min-width: 43.75rem) {
+        .footer {
+            padding: 1rem;
         }
     }
 </style>
diff --git a/_site/projects/kotor1mods/index.html b/_site/projects/kotor1mods/index.html
index cf27945a..8bd68430 100644
--- a/_site/projects/kotor1mods/index.html
+++ b/_site/projects/kotor1mods/index.html
@@ -713,8 +713,9 @@
 <style>
     .footer {
         margin-top: auto;
+        width: 100%;
         background: var(--clr-main-footer-bg);
-        padding: 0.8rem;
+        padding: 1rem 1rem 3rem 1rem;
         text-align: center;
         display: grid;
     }
@@ -737,9 +738,17 @@
         padding-left: 0.6em;
     }
 
-    @media only screen and (min-width: 600px) {
+    /* Screen sizes larger than mobile */
+    @media only screen and (min-width: 30rem) {
         .footer {
-            width: 100%;
+            padding: 1rem 1rem 2rem 1rem;
+        }
+    }
+
+    /* Tablet screen size */
+    @media only screen and (min-width: 43.75rem) {
+        .footer {
+            padding: 1rem;
         }
     }
 </style>
diff --git a/_site/projects/kotor2mods/index.html b/_site/projects/kotor2mods/index.html
index 54fc638a..dfc06c93 100644
--- a/_site/projects/kotor2mods/index.html
+++ b/_site/projects/kotor2mods/index.html
@@ -792,8 +792,9 @@
 <style>
     .footer {
         margin-top: auto;
+        width: 100%;
         background: var(--clr-main-footer-bg);
-        padding: 0.8rem;
+        padding: 1rem 1rem 3rem 1rem;
         text-align: center;
         display: grid;
     }
@@ -816,9 +817,17 @@
         padding-left: 0.6em;
     }
 
-    @media only screen and (min-width: 600px) {
+    /* Screen sizes larger than mobile */
+    @media only screen and (min-width: 30rem) {
         .footer {
-            width: 100%;
+            padding: 1rem 1rem 2rem 1rem;
+        }
+    }
+
+    /* Tablet screen size */
+    @media only screen and (min-width: 43.75rem) {
+        .footer {
+            padding: 1rem;
         }
     }
 </style>
diff --git a/_site/projects/playlists/index.html b/_site/projects/playlists/index.html
index 71660c12..2e697ddd 100644
--- a/_site/projects/playlists/index.html
+++ b/_site/projects/playlists/index.html
@@ -534,8 +534,9 @@
 <style>
     .footer {
         margin-top: auto;
+        width: 100%;
         background: var(--clr-main-footer-bg);
-        padding: 0.8rem;
+        padding: 1rem 1rem 3rem 1rem;
         text-align: center;
         display: grid;
     }
@@ -558,9 +559,17 @@
         padding-left: 0.6em;
     }
 
-    @media only screen and (min-width: 600px) {
+    /* Screen sizes larger than mobile */
+    @media only screen and (min-width: 30rem) {
         .footer {
-            width: 100%;
+            padding: 1rem 1rem 2rem 1rem;
+        }
+    }
+
+    /* Tablet screen size */
+    @media only screen and (min-width: 43.75rem) {
+        .footer {
+            padding: 1rem;
         }
     }
 </style>
diff --git a/_site/shrines/asummersend/gallery/index.html b/_site/shrines/asummersend/gallery/index.html
index d41b536a..64ae5e39 100644
--- a/_site/shrines/asummersend/gallery/index.html
+++ b/_site/shrines/asummersend/gallery/index.html
@@ -367,8 +367,9 @@
 <style>
     .footer {
         margin-top: auto;
+        width: 100%;
         background: var(--clr-main-footer-bg);
-        padding: 0.8rem;
+        padding: 1rem 1rem 3rem 1rem;
         text-align: center;
         display: grid;
     }
@@ -391,9 +392,17 @@
         padding-left: 0.6em;
     }
 
-    @media only screen and (min-width: 600px) {
+    /* Screen sizes larger than mobile */
+    @media only screen and (min-width: 30rem) {
         .footer {
-            width: 100%;
+            padding: 1rem 1rem 2rem 1rem;
+        }
+    }
+
+    /* Tablet screen size */
+    @media only screen and (min-width: 43.75rem) {
+        .footer {
+            padding: 1rem;
         }
     }
 </style>
diff --git a/_site/shrines/asummersend/index.html b/_site/shrines/asummersend/index.html
index b0d08b2f..127ffd2f 100644
--- a/_site/shrines/asummersend/index.html
+++ b/_site/shrines/asummersend/index.html
@@ -392,8 +392,9 @@
 <style>
     .footer {
         margin-top: auto;
+        width: 100%;
         background: var(--clr-main-footer-bg);
-        padding: 0.8rem;
+        padding: 1rem 1rem 3rem 1rem;
         text-align: center;
         display: grid;
     }
@@ -416,9 +417,17 @@
         padding-left: 0.6em;
     }
 
-    @media only screen and (min-width: 600px) {
+    /* Screen sizes larger than mobile */
+    @media only screen and (min-width: 30rem) {
         .footer {
-            width: 100%;
+            padding: 1rem 1rem 2rem 1rem;
+        }
+    }
+
+    /* Tablet screen size */
+    @media only screen and (min-width: 43.75rem) {
+        .footer {
+            padding: 1rem;
         }
     }
 </style>
diff --git a/_site/shrines/asummersend/playlists/index.html b/_site/shrines/asummersend/playlists/index.html
index 96890706..a65af72c 100644
--- a/_site/shrines/asummersend/playlists/index.html
+++ b/_site/shrines/asummersend/playlists/index.html
@@ -480,8 +480,9 @@
 <style>
     .footer {
         margin-top: auto;
+        width: 100%;
         background: var(--clr-main-footer-bg);
-        padding: 0.8rem;
+        padding: 1rem 1rem 3rem 1rem;
         text-align: center;
         display: grid;
     }
@@ -504,9 +505,17 @@
         padding-left: 0.6em;
     }
 
-    @media only screen and (min-width: 600px) {
+    /* Screen sizes larger than mobile */
+    @media only screen and (min-width: 30rem) {
         .footer {
-            width: 100%;
+            padding: 1rem 1rem 2rem 1rem;
+        }
+    }
+
+    /* Tablet screen size */
+    @media only screen and (min-width: 43.75rem) {
+        .footer {
+            padding: 1rem;
         }
     }
 </style>
diff --git a/_site/shrines/asummersend/trivia/index.html b/_site/shrines/asummersend/trivia/index.html
index ca80d8a1..6023c12a 100644
--- a/_site/shrines/asummersend/trivia/index.html
+++ b/_site/shrines/asummersend/trivia/index.html
@@ -481,8 +481,9 @@
 <style>
     .footer {
         margin-top: auto;
+        width: 100%;
         background: var(--clr-main-footer-bg);
-        padding: 0.8rem;
+        padding: 1rem 1rem 3rem 1rem;
         text-align: center;
         display: grid;
     }
@@ -505,9 +506,17 @@
         padding-left: 0.6em;
     }
 
-    @media only screen and (min-width: 600px) {
+    /* Screen sizes larger than mobile */
+    @media only screen and (min-width: 30rem) {
         .footer {
-            width: 100%;
+            padding: 1rem 1rem 2rem 1rem;
+        }
+    }
+
+    /* Tablet screen size */
+    @media only screen and (min-width: 43.75rem) {
+        .footer {
+            padding: 1rem;
         }
     }
 </style>
diff --git a/_site/shrines/cassettebeasts/articles/cassette-beasts-more-than-a-pokemon-clone/index.html b/_site/shrines/cassettebeasts/articles/cassette-beasts-more-than-a-pokemon-clone/index.html
index 87786cd6..910efe22 100644
--- a/_site/shrines/cassettebeasts/articles/cassette-beasts-more-than-a-pokemon-clone/index.html
+++ b/_site/shrines/cassettebeasts/articles/cassette-beasts-more-than-a-pokemon-clone/index.html
@@ -655,8 +655,9 @@
 <style>
     .footer {
         margin-top: auto;
+        width: 100%;
         background: var(--clr-main-footer-bg);
-        padding: 0.8rem;
+        padding: 1rem 1rem 3rem 1rem;
         text-align: center;
         display: grid;
     }
@@ -679,9 +680,17 @@
         padding-left: 0.6em;
     }
 
-    @media only screen and (min-width: 600px) {
+    /* Screen sizes larger than mobile */
+    @media only screen and (min-width: 30rem) {
         .footer {
-            width: 100%;
+            padding: 1rem 1rem 2rem 1rem;
+        }
+    }
+
+    /* Tablet screen size */
+    @media only screen and (min-width: 43.75rem) {
+        .footer {
+            padding: 1rem;
         }
     }
 </style>
diff --git a/_site/shrines/cassettebeasts/articles/index.html b/_site/shrines/cassettebeasts/articles/index.html
index 97feff96..c165c09a 100644
--- a/_site/shrines/cassettebeasts/articles/index.html
+++ b/_site/shrines/cassettebeasts/articles/index.html
@@ -432,8 +432,9 @@
 <style>
     .footer {
         margin-top: auto;
+        width: 100%;
         background: var(--clr-main-footer-bg);
-        padding: 0.8rem;
+        padding: 1rem 1rem 3rem 1rem;
         text-align: center;
         display: grid;
     }
@@ -456,9 +457,17 @@
         padding-left: 0.6em;
     }
 
-    @media only screen and (min-width: 600px) {
+    /* Screen sizes larger than mobile */
+    @media only screen and (min-width: 30rem) {
         .footer {
-            width: 100%;
+            padding: 1rem 1rem 2rem 1rem;
+        }
+    }
+
+    /* Tablet screen size */
+    @media only screen and (min-width: 43.75rem) {
+        .footer {
+            padding: 1rem;
         }
     }
 </style>
diff --git a/_site/shrines/cassettebeasts/facts/index.html b/_site/shrines/cassettebeasts/facts/index.html
index 6e9fb313..0de770ac 100644
--- a/_site/shrines/cassettebeasts/facts/index.html
+++ b/_site/shrines/cassettebeasts/facts/index.html
@@ -649,8 +649,9 @@
 <style>
     .footer {
         margin-top: auto;
+        width: 100%;
         background: var(--clr-main-footer-bg);
-        padding: 0.8rem;
+        padding: 1rem 1rem 3rem 1rem;
         text-align: center;
         display: grid;
     }
@@ -673,9 +674,17 @@
         padding-left: 0.6em;
     }
 
-    @media only screen and (min-width: 600px) {
+    /* Screen sizes larger than mobile */
+    @media only screen and (min-width: 30rem) {
         .footer {
-            width: 100%;
+            padding: 1rem 1rem 2rem 1rem;
+        }
+    }
+
+    /* Tablet screen size */
+    @media only screen and (min-width: 43.75rem) {
+        .footer {
+            padding: 1rem;
         }
     }
 </style>
diff --git a/_site/shrines/cassettebeasts/featured/index.html b/_site/shrines/cassettebeasts/featured/index.html
index dac3ad68..569f0180 100644
--- a/_site/shrines/cassettebeasts/featured/index.html
+++ b/_site/shrines/cassettebeasts/featured/index.html
@@ -476,8 +476,9 @@
 <style>
     .footer {
         margin-top: auto;
+        width: 100%;
         background: var(--clr-main-footer-bg);
-        padding: 0.8rem;
+        padding: 1rem 1rem 3rem 1rem;
         text-align: center;
         display: grid;
     }
@@ -500,9 +501,17 @@
         padding-left: 0.6em;
     }
 
-    @media only screen and (min-width: 600px) {
+    /* Screen sizes larger than mobile */
+    @media only screen and (min-width: 30rem) {
         .footer {
-            width: 100%;
+            padding: 1rem 1rem 2rem 1rem;
+        }
+    }
+
+    /* Tablet screen size */
+    @media only screen and (min-width: 43.75rem) {
+        .footer {
+            padding: 1rem;
         }
     }
 </style>
diff --git a/_site/shrines/cassettebeasts/gamelog/index.html b/_site/shrines/cassettebeasts/gamelog/index.html
index e363b83f..bfbbf144 100644
--- a/_site/shrines/cassettebeasts/gamelog/index.html
+++ b/_site/shrines/cassettebeasts/gamelog/index.html
@@ -454,8 +454,9 @@
 <style>
     .footer {
         margin-top: auto;
+        width: 100%;
         background: var(--clr-main-footer-bg);
-        padding: 0.8rem;
+        padding: 1rem 1rem 3rem 1rem;
         text-align: center;
         display: grid;
     }
@@ -478,9 +479,17 @@
         padding-left: 0.6em;
     }
 
-    @media only screen and (min-width: 600px) {
+    /* Screen sizes larger than mobile */
+    @media only screen and (min-width: 30rem) {
         .footer {
-            width: 100%;
+            padding: 1rem 1rem 2rem 1rem;
+        }
+    }
+
+    /* Tablet screen size */
+    @media only screen and (min-width: 43.75rem) {
+        .footer {
+            padding: 1rem;
         }
     }
 </style>
diff --git a/_site/shrines/cassettebeasts/index.html b/_site/shrines/cassettebeasts/index.html
index c30aad8d..919a3927 100644
--- a/_site/shrines/cassettebeasts/index.html
+++ b/_site/shrines/cassettebeasts/index.html
@@ -421,8 +421,9 @@
 <style>
     .footer {
         margin-top: auto;
+        width: 100%;
         background: var(--clr-main-footer-bg);
-        padding: 0.8rem;
+        padding: 1rem 1rem 3rem 1rem;
         text-align: center;
         display: grid;
     }
@@ -445,9 +446,17 @@
         padding-left: 0.6em;
     }
 
-    @media only screen and (min-width: 600px) {
+    /* Screen sizes larger than mobile */
+    @media only screen and (min-width: 30rem) {
         .footer {
-            width: 100%;
+            padding: 1rem 1rem 2rem 1rem;
+        }
+    }
+
+    /* Tablet screen size */
+    @media only screen and (min-width: 43.75rem) {
+        .footer {
+            padding: 1rem;
         }
     }
 </style>
diff --git a/_site/shrines/cassettebeasts/resources/index.html b/_site/shrines/cassettebeasts/resources/index.html
index 09c5df14..7e0542de 100644
--- a/_site/shrines/cassettebeasts/resources/index.html
+++ b/_site/shrines/cassettebeasts/resources/index.html
@@ -452,8 +452,9 @@
 <style>
     .footer {
         margin-top: auto;
+        width: 100%;
         background: var(--clr-main-footer-bg);
-        padding: 0.8rem;
+        padding: 1rem 1rem 3rem 1rem;
         text-align: center;
         display: grid;
     }
@@ -476,9 +477,17 @@
         padding-left: 0.6em;
     }
 
-    @media only screen and (min-width: 600px) {
+    /* Screen sizes larger than mobile */
+    @media only screen and (min-width: 30rem) {
         .footer {
-            width: 100%;
+            padding: 1rem 1rem 2rem 1rem;
+        }
+    }
+
+    /* Tablet screen size */
+    @media only screen and (min-width: 43.75rem) {
+        .footer {
+            padding: 1rem;
         }
     }
 </style>
diff --git a/_site/shrines/index.html b/_site/shrines/index.html
index 2e34460c..baf3fc0c 100644
--- a/_site/shrines/index.html
+++ b/_site/shrines/index.html
@@ -433,8 +433,9 @@
 <style>
     .footer {
         margin-top: auto;
+        width: 100%;
         background: var(--clr-main-footer-bg);
-        padding: 0.8rem;
+        padding: 1rem 1rem 3rem 1rem;
         text-align: center;
         display: grid;
     }
@@ -457,9 +458,17 @@
         padding-left: 0.6em;
     }
 
-    @media only screen and (min-width: 600px) {
+    /* Screen sizes larger than mobile */
+    @media only screen and (min-width: 30rem) {
         .footer {
-            width: 100%;
+            padding: 1rem 1rem 2rem 1rem;
+        }
+    }
+
+    /* Tablet screen size */
+    @media only screen and (min-width: 43.75rem) {
+        .footer {
+            padding: 1rem;
         }
     }
 </style>
diff --git a/_site/shrines/starwarskotor/articles/arren-kae-kreia-theory/index.html b/_site/shrines/starwarskotor/articles/arren-kae-kreia-theory/index.html
index f7261e1f..5e1aadca 100644
--- a/_site/shrines/starwarskotor/articles/arren-kae-kreia-theory/index.html
+++ b/_site/shrines/starwarskotor/articles/arren-kae-kreia-theory/index.html
@@ -375,8 +375,9 @@
 <style>
     .footer {
         margin-top: auto;
+        width: 100%;
         background: var(--clr-main-footer-bg);
-        padding: 0.8rem;
+        padding: 1rem 1rem 3rem 1rem;
         text-align: center;
         display: grid;
     }
@@ -399,9 +400,17 @@
         padding-left: 0.6em;
     }
 
-    @media only screen and (min-width: 600px) {
+    /* Screen sizes larger than mobile */
+    @media only screen and (min-width: 30rem) {
         .footer {
-            width: 100%;
+            padding: 1rem 1rem 2rem 1rem;
+        }
+    }
+
+    /* Tablet screen size */
+    @media only screen and (min-width: 43.75rem) {
+        .footer {
+            padding: 1rem;
         }
     }
 </style>
diff --git a/_site/shrines/starwarskotor/articles/faq-same-gender-romance-mods/index.html b/_site/shrines/starwarskotor/articles/faq-same-gender-romance-mods/index.html
index b2e392d9..2133ee16 100644
--- a/_site/shrines/starwarskotor/articles/faq-same-gender-romance-mods/index.html
+++ b/_site/shrines/starwarskotor/articles/faq-same-gender-romance-mods/index.html
@@ -685,8 +685,9 @@
 <style>
     .footer {
         margin-top: auto;
+        width: 100%;
         background: var(--clr-main-footer-bg);
-        padding: 0.8rem;
+        padding: 1rem 1rem 3rem 1rem;
         text-align: center;
         display: grid;
     }
@@ -709,9 +710,17 @@
         padding-left: 0.6em;
     }
 
-    @media only screen and (min-width: 600px) {
+    /* Screen sizes larger than mobile */
+    @media only screen and (min-width: 30rem) {
         .footer {
-            width: 100%;
+            padding: 1rem 1rem 2rem 1rem;
+        }
+    }
+
+    /* Tablet screen size */
+    @media only screen and (min-width: 43.75rem) {
+        .footer {
+            padding: 1rem;
         }
     }
 </style>
diff --git a/_site/shrines/starwarskotor/articles/handmaiden-sisters-mother/index.html b/_site/shrines/starwarskotor/articles/handmaiden-sisters-mother/index.html
index 1a09569e..2e177235 100644
--- a/_site/shrines/starwarskotor/articles/handmaiden-sisters-mother/index.html
+++ b/_site/shrines/starwarskotor/articles/handmaiden-sisters-mother/index.html
@@ -377,8 +377,9 @@
 <style>
     .footer {
         margin-top: auto;
+        width: 100%;
         background: var(--clr-main-footer-bg);
-        padding: 0.8rem;
+        padding: 1rem 1rem 3rem 1rem;
         text-align: center;
         display: grid;
     }
@@ -401,9 +402,17 @@
         padding-left: 0.6em;
     }
 
-    @media only screen and (min-width: 600px) {
+    /* Screen sizes larger than mobile */
+    @media only screen and (min-width: 30rem) {
         .footer {
-            width: 100%;
+            padding: 1rem 1rem 2rem 1rem;
+        }
+    }
+
+    /* Tablet screen size */
+    @media only screen and (min-width: 43.75rem) {
+        .footer {
+            padding: 1rem;
         }
     }
 </style>
diff --git a/_site/shrines/starwarskotor/articles/index.html b/_site/shrines/starwarskotor/articles/index.html
index b91b5fe5..fcd3d17a 100644
--- a/_site/shrines/starwarskotor/articles/index.html
+++ b/_site/shrines/starwarskotor/articles/index.html
@@ -458,8 +458,9 @@
 <style>
     .footer {
         margin-top: auto;
+        width: 100%;
         background: var(--clr-main-footer-bg);
-        padding: 0.8rem;
+        padding: 1rem 1rem 3rem 1rem;
         text-align: center;
         display: grid;
     }
@@ -482,9 +483,17 @@
         padding-left: 0.6em;
     }
 
-    @media only screen and (min-width: 600px) {
+    /* Screen sizes larger than mobile */
+    @media only screen and (min-width: 30rem) {
         .footer {
-            width: 100%;
+            padding: 1rem 1rem 2rem 1rem;
+        }
+    }
+
+    /* Tablet screen size */
+    @media only screen and (min-width: 43.75rem) {
+        .footer {
+            padding: 1rem;
         }
     }
 </style>
diff --git a/_site/shrines/starwarskotor/articles/juhani-hostility-towards-canderous/index.html b/_site/shrines/starwarskotor/articles/juhani-hostility-towards-canderous/index.html
index b330d252..7867b632 100644
--- a/_site/shrines/starwarskotor/articles/juhani-hostility-towards-canderous/index.html
+++ b/_site/shrines/starwarskotor/articles/juhani-hostility-towards-canderous/index.html
@@ -383,8 +383,9 @@
 <style>
     .footer {
         margin-top: auto;
+        width: 100%;
         background: var(--clr-main-footer-bg);
-        padding: 0.8rem;
+        padding: 1rem 1rem 3rem 1rem;
         text-align: center;
         display: grid;
     }
@@ -407,9 +408,17 @@
         padding-left: 0.6em;
     }
 
-    @media only screen and (min-width: 600px) {
+    /* Screen sizes larger than mobile */
+    @media only screen and (min-width: 30rem) {
         .footer {
-            width: 100%;
+            padding: 1rem 1rem 2rem 1rem;
+        }
+    }
+
+    /* Tablet screen size */
+    @media only screen and (min-width: 43.75rem) {
+        .footer {
+            padding: 1rem;
         }
     }
 </style>
diff --git a/_site/shrines/starwarskotor/articles/juhani-lesbian-evidence/index.html b/_site/shrines/starwarskotor/articles/juhani-lesbian-evidence/index.html
index dfe98b8d..017347ee 100644
--- a/_site/shrines/starwarskotor/articles/juhani-lesbian-evidence/index.html
+++ b/_site/shrines/starwarskotor/articles/juhani-lesbian-evidence/index.html
@@ -394,8 +394,9 @@
 <style>
     .footer {
         margin-top: auto;
+        width: 100%;
         background: var(--clr-main-footer-bg);
-        padding: 0.8rem;
+        padding: 1rem 1rem 3rem 1rem;
         text-align: center;
         display: grid;
     }
@@ -418,9 +419,17 @@
         padding-left: 0.6em;
     }
 
-    @media only screen and (min-width: 600px) {
+    /* Screen sizes larger than mobile */
+    @media only screen and (min-width: 30rem) {
         .footer {
-            width: 100%;
+            padding: 1rem 1rem 2rem 1rem;
+        }
+    }
+
+    /* Tablet screen size */
+    @media only screen and (min-width: 43.75rem) {
+        .footer {
+            padding: 1rem;
         }
     }
 </style>
diff --git a/_site/shrines/starwarskotor/articles/keep-juhani-a-lesbian/index.html b/_site/shrines/starwarskotor/articles/keep-juhani-a-lesbian/index.html
index aa0d0b7a..714b58e6 100644
--- a/_site/shrines/starwarskotor/articles/keep-juhani-a-lesbian/index.html
+++ b/_site/shrines/starwarskotor/articles/keep-juhani-a-lesbian/index.html
@@ -379,8 +379,9 @@
 <style>
     .footer {
         margin-top: auto;
+        width: 100%;
         background: var(--clr-main-footer-bg);
-        padding: 0.8rem;
+        padding: 1rem 1rem 3rem 1rem;
         text-align: center;
         display: grid;
     }
@@ -403,9 +404,17 @@
         padding-left: 0.6em;
     }
 
-    @media only screen and (min-width: 600px) {
+    /* Screen sizes larger than mobile */
+    @media only screen and (min-width: 30rem) {
         .footer {
-            width: 100%;
+            padding: 1rem 1rem 2rem 1rem;
+        }
+    }
+
+    /* Tablet screen size */
+    @media only screen and (min-width: 43.75rem) {
+        .footer {
+            padding: 1rem;
         }
     }
 </style>
diff --git a/_site/shrines/starwarskotor/articles/partyswap-management-takeover/index.html b/_site/shrines/starwarskotor/articles/partyswap-management-takeover/index.html
index ee81a21a..160096a7 100644
--- a/_site/shrines/starwarskotor/articles/partyswap-management-takeover/index.html
+++ b/_site/shrines/starwarskotor/articles/partyswap-management-takeover/index.html
@@ -396,8 +396,9 @@
 <style>
     .footer {
         margin-top: auto;
+        width: 100%;
         background: var(--clr-main-footer-bg);
-        padding: 0.8rem;
+        padding: 1rem 1rem 3rem 1rem;
         text-align: center;
         display: grid;
     }
@@ -420,9 +421,17 @@
         padding-left: 0.6em;
     }
 
-    @media only screen and (min-width: 600px) {
+    /* Screen sizes larger than mobile */
+    @media only screen and (min-width: 30rem) {
         .footer {
-            width: 100%;
+            padding: 1rem 1rem 2rem 1rem;
+        }
+    }
+
+    /* Tablet screen size */
+    @media only screen and (min-width: 43.75rem) {
+        .footer {
+            padding: 1rem;
         }
     }
 </style>
diff --git a/_site/shrines/starwarskotor/articles/tslrcm-first-kotor2-playthrough/index.html b/_site/shrines/starwarskotor/articles/tslrcm-first-kotor2-playthrough/index.html
index 5ae5b095..86496256 100644
--- a/_site/shrines/starwarskotor/articles/tslrcm-first-kotor2-playthrough/index.html
+++ b/_site/shrines/starwarskotor/articles/tslrcm-first-kotor2-playthrough/index.html
@@ -377,8 +377,9 @@
 <style>
     .footer {
         margin-top: auto;
+        width: 100%;
         background: var(--clr-main-footer-bg);
-        padding: 0.8rem;
+        padding: 1rem 1rem 3rem 1rem;
         text-align: center;
         display: grid;
     }
@@ -401,9 +402,17 @@
         padding-left: 0.6em;
     }
 
-    @media only screen and (min-width: 600px) {
+    /* Screen sizes larger than mobile */
+    @media only screen and (min-width: 30rem) {
         .footer {
-            width: 100%;
+            padding: 1rem 1rem 2rem 1rem;
+        }
+    }
+
+    /* Tablet screen size */
+    @media only screen and (min-width: 43.75rem) {
+        .footer {
+            padding: 1rem;
         }
     }
 </style>
diff --git a/_site/shrines/starwarskotor/guides/index.html b/_site/shrines/starwarskotor/guides/index.html
index 08a0794b..b2176c5b 100644
--- a/_site/shrines/starwarskotor/guides/index.html
+++ b/_site/shrines/starwarskotor/guides/index.html
@@ -450,8 +450,9 @@
 <style>
     .footer {
         margin-top: auto;
+        width: 100%;
         background: var(--clr-main-footer-bg);
-        padding: 0.8rem;
+        padding: 1rem 1rem 3rem 1rem;
         text-align: center;
         display: grid;
     }
@@ -474,9 +475,17 @@
         padding-left: 0.6em;
     }
 
-    @media only screen and (min-width: 600px) {
+    /* Screen sizes larger than mobile */
+    @media only screen and (min-width: 30rem) {
         .footer {
-            width: 100%;
+            padding: 1rem 1rem 2rem 1rem;
+        }
+    }
+
+    /* Tablet screen size */
+    @media only screen and (min-width: 43.75rem) {
+        .footer {
+            padding: 1rem;
         }
     }
 </style>
diff --git a/_site/shrines/starwarskotor/guides/kotor-juhani-romance-guide/index.html b/_site/shrines/starwarskotor/guides/kotor-juhani-romance-guide/index.html
index e2144ae8..29fa6023 100644
--- a/_site/shrines/starwarskotor/guides/kotor-juhani-romance-guide/index.html
+++ b/_site/shrines/starwarskotor/guides/kotor-juhani-romance-guide/index.html
@@ -554,8 +554,9 @@
 <style>
     .footer {
         margin-top: auto;
+        width: 100%;
         background: var(--clr-main-footer-bg);
-        padding: 0.8rem;
+        padding: 1rem 1rem 3rem 1rem;
         text-align: center;
         display: grid;
     }
@@ -578,9 +579,17 @@
         padding-left: 0.6em;
     }
 
-    @media only screen and (min-width: 600px) {
+    /* Screen sizes larger than mobile */
+    @media only screen and (min-width: 30rem) {
         .footer {
-            width: 100%;
+            padding: 1rem 1rem 2rem 1rem;
+        }
+    }
+
+    /* Tablet screen size */
+    @media only screen and (min-width: 43.75rem) {
+        .footer {
+            padding: 1rem;
         }
     }
 </style>
diff --git a/_site/shrines/starwarskotor/guides/kotor-redeeming-bastila-guide/index.html b/_site/shrines/starwarskotor/guides/kotor-redeeming-bastila-guide/index.html
index f01d6465..163c9682 100644
--- a/_site/shrines/starwarskotor/guides/kotor-redeeming-bastila-guide/index.html
+++ b/_site/shrines/starwarskotor/guides/kotor-redeeming-bastila-guide/index.html
@@ -532,8 +532,9 @@
 <style>
     .footer {
         margin-top: auto;
+        width: 100%;
         background: var(--clr-main-footer-bg);
-        padding: 0.8rem;
+        padding: 1rem 1rem 3rem 1rem;
         text-align: center;
         display: grid;
     }
@@ -556,9 +557,17 @@
         padding-left: 0.6em;
     }
 
-    @media only screen and (min-width: 600px) {
+    /* Screen sizes larger than mobile */
+    @media only screen and (min-width: 30rem) {
         .footer {
-            width: 100%;
+            padding: 1rem 1rem 2rem 1rem;
+        }
+    }
+
+    /* Tablet screen size */
+    @media only screen and (min-width: 43.75rem) {
+        .footer {
+            padding: 1rem;
         }
     }
 </style>
diff --git a/_site/shrines/starwarskotor/guides/kotor-sandral-matale-feud-guide/index.html b/_site/shrines/starwarskotor/guides/kotor-sandral-matale-feud-guide/index.html
index e49bec1e..55c95b56 100644
--- a/_site/shrines/starwarskotor/guides/kotor-sandral-matale-feud-guide/index.html
+++ b/_site/shrines/starwarskotor/guides/kotor-sandral-matale-feud-guide/index.html
@@ -493,8 +493,9 @@
 <style>
     .footer {
         margin-top: auto;
+        width: 100%;
         background: var(--clr-main-footer-bg);
-        padding: 0.8rem;
+        padding: 1rem 1rem 3rem 1rem;
         text-align: center;
         display: grid;
     }
@@ -517,9 +518,17 @@
         padding-left: 0.6em;
     }
 
-    @media only screen and (min-width: 600px) {
+    /* Screen sizes larger than mobile */
+    @media only screen and (min-width: 30rem) {
         .footer {
-            width: 100%;
+            padding: 1rem 1rem 2rem 1rem;
+        }
+    }
+
+    /* Tablet screen size */
+    @media only screen and (min-width: 43.75rem) {
+        .footer {
+            padding: 1rem;
         }
     }
 </style>
diff --git a/_site/shrines/starwarskotor/index.html b/_site/shrines/starwarskotor/index.html
index 6dd2038c..4c884419 100644
--- a/_site/shrines/starwarskotor/index.html
+++ b/_site/shrines/starwarskotor/index.html
@@ -376,8 +376,9 @@
 <style>
     .footer {
         margin-top: auto;
+        width: 100%;
         background: var(--clr-main-footer-bg);
-        padding: 0.8rem;
+        padding: 1rem 1rem 3rem 1rem;
         text-align: center;
         display: grid;
     }
@@ -400,9 +401,17 @@
         padding-left: 0.6em;
     }
 
-    @media only screen and (min-width: 600px) {
+    /* Screen sizes larger than mobile */
+    @media only screen and (min-width: 30rem) {
         .footer {
-            width: 100%;
+            padding: 1rem 1rem 2rem 1rem;
+        }
+    }
+
+    /* Tablet screen size */
+    @media only screen and (min-width: 43.75rem) {
+        .footer {
+            padding: 1rem;
         }
     }
 </style>
diff --git a/_site/shrines/starwarskotor/resources/index.html b/_site/shrines/starwarskotor/resources/index.html
index fa79d1d7..2269149d 100644
--- a/_site/shrines/starwarskotor/resources/index.html
+++ b/_site/shrines/starwarskotor/resources/index.html
@@ -464,8 +464,9 @@
 <style>
     .footer {
         margin-top: auto;
+        width: 100%;
         background: var(--clr-main-footer-bg);
-        padding: 0.8rem;
+        padding: 1rem 1rem 3rem 1rem;
         text-align: center;
         display: grid;
     }
@@ -488,9 +489,17 @@
         padding-left: 0.6em;
     }
 
-    @media only screen and (min-width: 600px) {
+    /* Screen sizes larger than mobile */
+    @media only screen and (min-width: 30rem) {
         .footer {
-            width: 100%;
+            padding: 1rem 1rem 2rem 1rem;
+        }
+    }
+
+    /* Tablet screen size */
+    @media only screen and (min-width: 43.75rem) {
+        .footer {
+            padding: 1rem;
         }
     }
 </style>
diff --git a/_site/shrines/starwarskotor/resources/kotor-same-gender-romance-mods/index.html b/_site/shrines/starwarskotor/resources/kotor-same-gender-romance-mods/index.html
index 9b25dc02..659aaf39 100644
--- a/_site/shrines/starwarskotor/resources/kotor-same-gender-romance-mods/index.html
+++ b/_site/shrines/starwarskotor/resources/kotor-same-gender-romance-mods/index.html
@@ -651,8 +651,9 @@
 <style>
     .footer {
         margin-top: auto;
+        width: 100%;
         background: var(--clr-main-footer-bg);
-        padding: 0.8rem;
+        padding: 1rem 1rem 3rem 1rem;
         text-align: center;
         display: grid;
     }
@@ -675,9 +676,17 @@
         padding-left: 0.6em;
     }
 
-    @media only screen and (min-width: 600px) {
+    /* Screen sizes larger than mobile */
+    @media only screen and (min-width: 30rem) {
         .footer {
-            width: 100%;
+            padding: 1rem 1rem 2rem 1rem;
+        }
+    }
+
+    /* Tablet screen size */
+    @media only screen and (min-width: 43.75rem) {
+        .footer {
+            padding: 1rem;
         }
     }
 </style>
diff --git a/_site/shrines/starwarskotor/resources/kotor2-female-exile-recruit-handmaiden-mods/index.html b/_site/shrines/starwarskotor/resources/kotor2-female-exile-recruit-handmaiden-mods/index.html
index 6dec1d08..fae905dd 100644
--- a/_site/shrines/starwarskotor/resources/kotor2-female-exile-recruit-handmaiden-mods/index.html
+++ b/_site/shrines/starwarskotor/resources/kotor2-female-exile-recruit-handmaiden-mods/index.html
@@ -459,8 +459,9 @@
 <style>
     .footer {
         margin-top: auto;
+        width: 100%;
         background: var(--clr-main-footer-bg);
-        padding: 0.8rem;
+        padding: 1rem 1rem 3rem 1rem;
         text-align: center;
         display: grid;
     }
@@ -483,9 +484,17 @@
         padding-left: 0.6em;
     }
 
-    @media only screen and (min-width: 600px) {
+    /* Screen sizes larger than mobile */
+    @media only screen and (min-width: 30rem) {
         .footer {
-            width: 100%;
+            padding: 1rem 1rem 2rem 1rem;
+        }
+    }
+
+    /* Tablet screen size */
+    @media only screen and (min-width: 43.75rem) {
+        .footer {
+            padding: 1rem;
         }
     }
 </style>
diff --git a/_site/shrines/starwarskotor/resources/tslrcm-m478ep-modules-music/index.html b/_site/shrines/starwarskotor/resources/tslrcm-m478ep-modules-music/index.html
index f4d2b817..13f739c9 100644
--- a/_site/shrines/starwarskotor/resources/tslrcm-m478ep-modules-music/index.html
+++ b/_site/shrines/starwarskotor/resources/tslrcm-m478ep-modules-music/index.html
@@ -366,8 +366,9 @@
 <style>
     .footer {
         margin-top: auto;
+        width: 100%;
         background: var(--clr-main-footer-bg);
-        padding: 0.8rem;
+        padding: 1rem 1rem 3rem 1rem;
         text-align: center;
         display: grid;
     }
@@ -390,9 +391,17 @@
         padding-left: 0.6em;
     }
 
-    @media only screen and (min-width: 600px) {
+    /* Screen sizes larger than mobile */
+    @media only screen and (min-width: 30rem) {
         .footer {
-            width: 100%;
+            padding: 1rem 1rem 2rem 1rem;
+        }
+    }
+
+    /* Tablet screen size */
+    @media only screen and (min-width: 43.75rem) {
+        .footer {
+            padding: 1rem;
         }
     }
 </style>
diff --git a/_site/shrines/starwarskotor/universes/index.html b/_site/shrines/starwarskotor/universes/index.html
index 2073d15c..f1c343cd 100644
--- a/_site/shrines/starwarskotor/universes/index.html
+++ b/_site/shrines/starwarskotor/universes/index.html
@@ -472,8 +472,9 @@
 <style>
     .footer {
         margin-top: auto;
+        width: 100%;
         background: var(--clr-main-footer-bg);
-        padding: 0.8rem;
+        padding: 1rem 1rem 3rem 1rem;
         text-align: center;
         display: grid;
     }
@@ -496,9 +497,17 @@
         padding-left: 0.6em;
     }
 
-    @media only screen and (min-width: 600px) {
+    /* Screen sizes larger than mobile */
+    @media only screen and (min-width: 30rem) {
         .footer {
-            width: 100%;
+            padding: 1rem 1rem 2rem 1rem;
+        }
+    }
+
+    /* Tablet screen size */
+    @media only screen and (min-width: 43.75rem) {
+        .footer {
+            padding: 1rem;
         }
     }
 </style>
diff --git a/_site/sitemap/index.html b/_site/sitemap/index.html
index 706810b7..50276195 100644
--- a/_site/sitemap/index.html
+++ b/_site/sitemap/index.html
@@ -520,8 +520,9 @@
 <style>
     .footer {
         margin-top: auto;
+        width: 100%;
         background: var(--clr-main-footer-bg);
-        padding: 0.8rem;
+        padding: 1rem 1rem 3rem 1rem;
         text-align: center;
         display: grid;
     }
@@ -544,9 +545,17 @@
         padding-left: 0.6em;
     }
 
-    @media only screen and (min-width: 600px) {
+    /* Screen sizes larger than mobile */
+    @media only screen and (min-width: 30rem) {
         .footer {
-            width: 100%;
+            padding: 1rem 1rem 2rem 1rem;
+        }
+    }
+
+    /* Tablet screen size */
+    @media only screen and (min-width: 43.75rem) {
+        .footer {
+            padding: 1rem;
         }
     }
 </style>
diff --git a/src/_includes/global/footer.njk b/src/_includes/global/footer.njk
index 2db50744..579aa46b 100644
--- a/src/_includes/global/footer.njk
+++ b/src/_includes/global/footer.njk
@@ -11,8 +11,9 @@
 <style>
     .footer {
         margin-top: auto;
+        width: 100%;
         background: var(--clr-main-footer-bg);
-        padding: 0.8rem;
+        padding: 1rem 1rem 3rem 1rem;
         text-align: center;
         display: grid;
     }
@@ -35,9 +36,17 @@
         padding-left: 0.6em;
     }
 
-    @media only screen and (min-width: 600px) {
+    /* Screen sizes larger than mobile */
+    @media only screen and (min-width: 30rem) {
         .footer {
-            width: 100%;
+            padding: 1rem 1rem 2rem 1rem;
+        }
+    }
+
+    /* Tablet screen size */
+    @media only screen and (min-width: 43.75rem) {
+        .footer {
+            padding: 1rem;
         }
     }
 </style>
\ No newline at end of file