1 files changed, 20 insertions, 11 deletions

diff --git a/src/styles/partials/_footer.scss b/src/styles/partials/_footer.scss
index 63792ce..bf92f2c 100644
--- a/src/styles/partials/_footer.scss
+++ b/src/styles/partials/_footer.scss
@@ -1,4 +1,4 @@
-body > footer {
+body>footer {
   background-color: var(--footer-bg);
   color: var(--footer-fg);
   font-weight: 200;
@@ -25,13 +25,12 @@ body > footer {
       margin-right: var(--space-2);
     }
 
-    & > div {
+    &>div {
       display: flex;
       align-items: center;
-      margin-bottom: 1rem;
 
       ul.social-list {
-        font-size: 1.75em;
+        font-size: 1.5em;
         padding: 0;
         margin: 0;
         list-style: none;
@@ -51,7 +50,8 @@ body > footer {
       filter: grayscale(1);
       transition: filter var(--animation);
 
-      &:hover, &:focus {
+      &:hover,
+      &:focus {
         opacity: 1;
         filter: grayscale(0);
       }
@@ -68,6 +68,7 @@ body > footer {
     .email a {
       display: flex;
       align-items: center;
+
       .icon {
         width: 1em;
         height: 1em;
@@ -80,7 +81,6 @@ body > footer {
     display: flex;
     justify-content: space-between;
     flex-wrap: wrap;
-    margin-top: var(--space-4);
 
     section {
       margin: var(--space-2) var(--space-4);
@@ -108,12 +108,15 @@ body > footer {
         flex-direction: column;
         list-style: none;
         padding: 0;
-        margin: var(--space-3) 0;
+        margin: var(--space-1) 0;
         font-weight: 100;
-        font-size: 0.9rem;
 
         li {
-          margin: var(--space-1) 0;
+          margin: var(--space-2) 0;
+
+          a {
+            padding: var(--space-3) 0;
+          }
         }
       }
     }
@@ -124,12 +127,12 @@ body > footer {
     display: flex;
     flex-direction: row;
     justify-content: space-between;
-    margin-top: var(--space-4);
 
     @include mq($until: md) {
       flex-direction: column;
       align-items: start;
-      > * {
+
+      >* {
         margin: var(--space-2) 0;
       }
     }
@@ -140,3 +143,9 @@ body > footer {
     }
   }
 }
+
+@media (prefers-color-scheme: dark) {
+  .follow a.social {
+    filter: grayscale(0.75);
+  }
+}
\ No newline at end of file