Adjust footer paddings

_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>

_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>

_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>

_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>

_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>

_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>

_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>

_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>

_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>

_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>

_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>

_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>

_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>

_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>

_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>

_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>

_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>

_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>

_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>

_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>

_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>

_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>

_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>

_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>

_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>

_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>

_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>

_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>

_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>

_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>

_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>

_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>

_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>

_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>

_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>

_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>

_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>

_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>

_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>

_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>

_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>

_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>

_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>

_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>

_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>

_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>

_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>

_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>

_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>

_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>

_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>

_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>

_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>

_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>

_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>

_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>

_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>

_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>

_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>

_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>

_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>

_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>

_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>

_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>

_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>

_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>

_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>

_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>

_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>

_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>

_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>

_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>

_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>

_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>

_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>

_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>

_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>

_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>

_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>

_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>

_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>

_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>

_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>

_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>

_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>

_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>

_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>

_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>

_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>

_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>

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>