diff --git a/content/css/style.css b/content/css/style.css
index d67b8dd..b7684f6 100644
--- a/content/css/style.css
+++ b/content/css/style.css
@@ -896,94 +896,87 @@ body.mobile-nav-active #mobile-nav-toggle {
 /*--------------------------------------------------------------
 # Custom hexagon buttons
 --------------------------------------------------------------*/
+.hb.hb-xs {
+  color: #fff;
+}
+
+.hb.hb-xs:hover {
+  text-shadow: 0px 0px 10px white;
+}
+
 .hb-instagram, .hb-instagram:after, .hb-instagram:before {
   background:#cd486b;
   border-color:#cd486b;
-  color:#fff
 }
 
 .hb-instagram-inv, .hb-instagram-inv:after, .hb-instagram-inv:before, .hb-instagram:hover, .hb-instagram:hover:after, .hb-instagram:hover:before {
   background:0 0;
   border-color:#cd486b;
-  color:#cd486b;
 }
 
 .hb-instagram-inv:hover, .hb-instagram-inv:hover:after, .hb-instagram-inv:hover:before {
   background:#cd486b;
   border-color:#cd486b;
-  color:#fff;
 }
 
 .hb-email, .hb-email:after, .hb-email:before {
   background:#840010;
   border-color:#840010;
-  color:#fff;
 }
 
 .hb-email-inv, .hb-email-inv:after, .hb-email-inv:before, .hb-email:hover, .hb-email:hover:after, .hb-email:hover:before {
   background:0 0;
   border-color:#840010;
-  color:#840010;
 }
 
 .hb-email-inv:hover, .hb-email-inv:hover:after, .hb-email-inv:hover:before {
   background:#840010;
   border-color:#840010;
-  color:#fff
 }
 
 .hb-resume, .hb-resume:after, .hb-resume:before {
   background:#008080;
   border-color:#008080;
-  color:#fff;
 }
 
 .hb-resume-inv, .hb-resume-inv:after, .hb-resume-inv:before, .hb-resume:hover, .hb-resume:hover:after, .hb-resume:hover:before {
   background:0 0;
   border-color:#008080;
-  color:#008080;
 }
 
 .hb-resume-inv:hover, .hb-resume-inv:hover:after, .hb-resume-inv:hover:before {
   background:#008080;
   border-color:#008080;
-  color:#fff;
 }
 
 .hb-mastodon, .hb-mastodon:after, .hb-mastodon:before {
   background:#5b4adf;
   border-color:#5b4adf;
-  color:#fff
 }
 
 .hb-mastodon-inv, .hb-mastodon-inv:after, .hb-mastodon-inv:before, .hb-mastodon:hover, .hb-mastodon:hover:after, .hb-mastodon:hover:before {
   background:0 0;
   border-color:#5b4adf;
-  color:#5b4adf;
 }
 
 .hb-mastodon-inv:hover, .hb-mastodon-inv:hover:after, .hb-mastodon-inv:hover:before {
   background:#5b4adf;
   border-color:#5b4adf;
-  color:#fff;
 }
 
 .hb-bluesky, .hb-bluesky:after, .hb-bluesky:before {
   background:#0085ff;
   border-color:#0085ff;
-  color:#fff
 }
 
 .hb-bluesky-inv, .hb-bluesky-inv:after, .hb-bluesky-inv:before, .hb-bluesky:hover, .hb-bluesky:hover:after, .hb-bluesky:hover:before {
   background:0 0;
   border-color:#0085ff;
-  color:#0085ff;
 }
 
 .hb-bluesky-inv:hover, .hb-bluesky-inv:hover:after, .hb-bluesky-inv:hover:before {
   background:#0085ff;
   border-color:#0085ff;
-  color:#fff;
 }
 
 .support-banner {