diff --git a/style.css b/style.css
index ed0a82b..0247d36 100644
--- a/style.css
+++ b/style.css
@@ -996,6 +996,8 @@ ul.menu li li li[aria-expanded="true"] ul {
 .social-icons li a[href*="etsy.com"]::before          { font-family: 'Font Awesome 5 Brands'; font-weight: 400; content: '\f2d7'; }
 .social-icons li a[href*="facebook.com"]::before      { font-family: 'Font Awesome 5 Brands'; font-weight: 400; content: '\f09a'; }
 .social-icons li a[href*="twitter.com"]::before       { font-family: 'Font Awesome 5 Brands'; font-weight: 400; content: '\f099'; }
+.social-icons li a[href*="mastodon.social"]::before   { font-family: 'Font Awesome 5 Brands'; font-weight: 400; content: '\f4f6'; }
+.social-icons li a[href*="hachyderm.io"]::before      { font-family: 'Font Awesome 5 Brands'; font-weight: 400; content: '\f4f6'; }
 .social-icons li a[href*="google.com"]::before        { font-family: 'Font Awesome 5 Brands'; font-weight: 400; content: '\f1a0'; }
 .social-icons li a[href*="linkedin.com"]::before      { font-family: 'Font Awesome 5 Brands'; font-weight: 400; content: '\f0e1'; }
 .social-icons li a[href*="github.com"]::before        { font-family: 'Font Awesome 5 Brands'; font-weight: 400; content: '\f113'; }
@@ -1033,6 +1035,8 @@ ul.menu li li li[aria-expanded="true"] ul {
 .menu li a[href*="etsy.com"]::before          { font-family: 'Font Awesome 5 Brands'; content: '\f2d7'; }
 .menu li a[href*="facebook.com"]::before      { font-family: 'Font Awesome 5 Brands'; content: '\f09a'; }
 .menu li a[href*="twitter.com"]::before       { font-family: 'Font Awesome 5 Brands'; content: '\f099'; }
+.menu li a[href*="mastodon.social"]::before   { font-family: 'Font Awesome 5 Brands'; content: '\f4f6'; }
+.menu li a[href*="hachyderm.io"]::before      { font-family: 'Font Awesome 5 Brands'; content: '\f4f6'; }
 .menu li a[href*="google.com"]::before        { font-family: 'Font Awesome 5 Brands'; content: '\f1a0'; }
 .menu li a[href*="linkedin.com"]::before      { font-family: 'Font Awesome 5 Brands'; content: '\f0e1'; }
 .menu li a[href*="github.com"]::before        { font-family: 'Font Awesome 5 Brands'; content: '\f113'; }