Extend footer-color beyond the site on mobile

On mobile, with a bit of dedication, you can scroll past the footer and see the horrendous gray background...
Idk why, but it always bothered me... so to fix this, I make the body bg black but the flax wrapper is gray

Author: ScribbleTAS

assets/scss/styles.scss

@@ -20,6 +20,7 @@
 
 $bg-color: #2e2e2e;
 $lightGray: #7B7B7B;
+$footer-color: black;
 
 * {
 	padding: 0;
@@ -39,6 +40,14 @@ body {
 	overflow: overlay;
 }
 
+.flex-wrapper {
+	background-color: $bg-color;
+	display: flex;
+	min-height: 100vh;
+	flex-direction: column;
+	justify-content: flex-start;
+}
+
 a {
 	color: $color4;
 }
@@ -473,13 +482,6 @@ figcaption {
 	padding-right: 10px;
 }
 
-.flex-wrapper {
-	display: flex;
-	min-height: 100vh;
-	flex-direction: column;
-	justify-content: flex-start;
-}
-
 .permalink {
 	opacity: 30%;
 	top: 5px;
@@ -524,7 +526,7 @@ footer {
 	display: flex;
 	flex-direction: column;
 	align-items: center;
-	background-color: black;
+	background-color: $footer-color;
 	width: 100%;
 	padding: 10px;
 	position: static;