diff --git a/content/about/index.html b/content/about/index.html
index 9020fa6..fc1f13f 100644
--- a/content/about/index.html
+++ b/content/about/index.html
@@ -116,6 +116,7 @@
           <div class="section-title-divider"></div>
           <p class="section-description">Send <a href="mailto:me@enp.one">me@enp.one</a> an email or feel free to reach out some other way!</p>
           <ul class="list-inline">
+            <li><a rel="external" title="@enpaul@urbanists.social" href="https://urbanists.social/@enpaul"><span class="hb hb-xs hb-mastodon"><i class="fab fa-mastodon"></i></span></a></li>
             <li><a rel="external" title="@AllAroundHere" href="https://www.instagram.com/allaroundhere/"><span class="hb hb-xs hb-instagram"><i class="fab fa-instagram"></i></span></a></li>
             <li><a rel="external" title="in/enpaul" href="https://www.linkedin.com/in/enpaul"><span class="hb hb-xs hb-linkedin"><i class="fab fa-linkedin"></i></span></a></li>
             <li><a rel="external" title="github/enpaul" href="https://github.com/enpaul/"><span class="hb hb-xs hb-github"><i class="fab fa-github"></i></span></a></li>
diff --git a/content/css/style.css b/content/css/style.css
index dd0544a..25a6dc4 100644
--- a/content/css/style.css
+++ b/content/css/style.css
@@ -949,3 +949,21 @@ body.mobile-nav-active #mobile-nav-toggle {
   border-color:#003777;
   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;
+}
diff --git a/content/index.html b/content/index.html
index e011cec..4b97b27 100644
--- a/content/index.html
+++ b/content/index.html
@@ -71,6 +71,7 @@
 
       <div id="contact-menu">
         <ul class="list-inline">
+          <li><a rel="external" title="@enpaul@urbanists.social" href="https://urbanists.social/@enpaul"><span class="hb hb-xs hb-mastodon"><i class="fab fa-mastodon"></i></span></a></li>
           <li><a rel="external" title="@AllAroundHere" href="https://www.instagram.com/allaroundhere/"><span class="hb hb-xs hb-instagram"><i class="fab fa-instagram"></i></span></a></li>
           <li><a rel="external" title="in/enpaul" href="https://www.linkedin.com/in/enpaul"><span class="hb hb-xs hb-linkedin"><i class="fab fa-linkedin"></i></span></a></li>
           <li><a rel="external" title="github/enpaul" href="https://github.com/enpaul/"><span class="hb hb-xs hb-github"><i class="fab fa-github"></i></span></a></li>
diff --git a/content/projects/index.html b/content/projects/index.html
index 3fd8602..4184bfd 100644
--- a/content/projects/index.html
+++ b/content/projects/index.html
@@ -152,6 +152,7 @@
         <div class="col-md-12">
           <div class="copyright">
             <ul class="list-inline">
+              <li><a rel="external" title="@enpaul@urbanists.social" href="https://urbanists.social/@enpaul"><span class="hb hb-xs hb-mastodon"><i class="fab fa-mastodon"></i></span></a></li>
               <li><a rel="external" title="@AllAroundHere" href="https://www.instagram.com/allaroundhere/"><span class="hb hb-xs hb-instagram"><i class="fab fa-instagram"></i></span></a></li>
               <li><a rel="external" title="in/enpaul" href="https://www.linkedin.com/in/enpaul"><span class="hb hb-xs hb-linkedin"><i class="fab fa-linkedin"></i></span></a></li>
               <li><a rel="external" title="github/enpaul" href="https://github.com/enpaul/"><span class="hb hb-xs hb-github"><i class="fab fa-github"></i></span></a></li>