darkmode social links

sass/darkmode.scss

@@ -63,6 +63,41 @@ body{
     color: var(--accentColor);
 }
 
+#social-links {
+    display: flex;
+    justify-content: center;
+}
+
+.social {
+    background-color: var(--accentColor);
+    height: 32px;
+    width: 32px;
+    mask-repeat: no-repeat;
+    mask-position: center;
+    display: inline-block;
+}
+.social:hover {
+    background-color: yellow;
+}
+.social#instagram {
+    mask-image: url("/img/social/instagram.svg");
+}
+.social#liberapay {
+    mask-image: url("/img/social/liberapay.svg");
+}
+.social#linkedin {
+    mask-image: url("/img/social/linkedin.svg");
+}
+.social#mastodon {
+    mask-image: url("/img/social/mastodon.svg");
+}
+.social#pleroma {
+    mask-image: url("/img/social/pleroma.svg");
+}
+.social#twitter {
+    mask-image: url("/img/social/twitter.svg");
+}
+
 footer{
     text-align: center;