style: clean footer.scss

core/static/core/footer.scss

@@ -6,6 +6,12 @@ footer.bottom-links {
     text-align: center;
   }
 
+  text-align: center;
+
+  hr {
+    border: none;
+  }
+
   @media (max-width: $small-devices) {
     margin-top: 0.6em;
     padding: 1.25em;
@@ -13,26 +19,21 @@ footer.bottom-links {
 
     display: flex;
     flex-direction: column;
-    align-items: center;
 
     gap: 1.25em;
 
     > section {
-
       display: flex;
       flex-direction: row;
       flex-wrap: wrap;
       justify-content: center;
       gap: 0.8em;
-
     }
 
     a {
       color: var(--text-white);
-      width: auto;
 
       &:hover {
-        color: var(--text-white);
         text-shadow: 0.5px 0.5px 0.5px var(--bg-darkened-off-white);
       }
     }
@@ -42,50 +43,34 @@ footer.bottom-links {
     }
 
     hr {
-      width: 100%;
-      height: 0;
-      border: none;
-      border-top: 0.5px solid var(--bg-white);
+      border-top: var(--bg-white) 1px solid;
     }
   }
 
+
   @media (min-width: $small-devices) {
     width: 90%;
     margin: 2em auto;
-
     font-size: 90%;
-    text-align: center;
-    vertical-align: middle;
 
     section:first-of-type {
       margin: 0.6em 0;
-      color: var(--text-white);
       border-radius: 5px;
       display: flex;
       flex-wrap: wrap;
       align-items: center;
       background-color: var(--deepblue);
-      box-shadow: var(--bg-white) 0 0 15px;
 
       a {
-        width: auto;
         padding: 0.8em;
         flex: 1;
         font-weight: bold;
+        color: var(--text-white);
 
         &:hover {
-          text-shadow: 0.5px 0.5px 0.5px var(--bg-white);
+          text-shadow: 0.5px 0.5px 0.5px var(--bg-darkened-off-white);
         }
       }
     }
-
-    .fa-github {
-      color: $githubblack;
-    }
-
-    hr {
-      border: none;
-      height: 5px;
-    }
   }
 }

core/static/core/style.scss

@@ -407,6 +407,8 @@ body {
     }
   }
 
+}
+
 /* Fontawesome icons */
 .fa-brands, .fa-link {
   color: black;
@@ -429,6 +431,9 @@ body {
 .fa-bluesky, .fa-square-bluesky {
   color: #0f73ff;
 }
+
+.fa-github {
+  color: $githubblack;
 }
 
 @media screen and (max-width: $small-devices) {