Add icons to actual social media accounts

1 files changed, 7 insertions, 3 deletions

diff --git a/stylesheets/commun.css b/stylesheets/commun.css
index 8309dcd..2f2ec21 100644
--- a/stylesheets/commun.css
+++ b/stylesheets/commun.css
@@ -19,7 +19,7 @@ header a, .contact a {
 header a, footer a {
     color: inherit;
 }
-nav a:hover, .contact:hover {
+nav a:hover, .contact a:hover {
     color: var(--gold);
     background: white;
 }
@@ -29,7 +29,6 @@ header.banner a {
     align-items: center;
 }
 header.banner img {
-    filter: brightness(0);
     margin: 0.5em;
 }
 header.banner h1 {
@@ -37,7 +36,10 @@ header.banner h1 {
     font-family: 'Cormorant', serif;
 }
 
-header.banner:hover img {
+header.banner img, .social img {
+    filter: brightness(0);
+}
+header.banner:hover img, .social img:hover {
     filter: none;
 }
 header.banner:hover {
@@ -193,6 +195,8 @@ footer.legal {
         transform: rotate(180deg);
 
         margin: 0;
+    }
+    .contact a {
         padding: 1em 0.5em;
     }
 }