diff --git a/_includes/footer.njk b/_includes/footer.njk
index 3ab62ad..ca3078e 100644
--- a/_includes/footer.njk
+++ b/_includes/footer.njk
@@ -1,4 +1,10 @@
 <footer>
+  <p>
+    <a title="Find us on Mastodon" href="https://dmv.community/@DistrictDharmaCollective">
+      <svg class="dark" xmlns="http://www.w3.org/2000/svg" aria-label="District Dharma on Mastodon" role="img" viewBox="0 0 512.00 512.00" fill="#5ca6ce" stroke="#5ca6ce"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"><rect width="512" height="512" rx="15%"></rect><path d="m409 290c-5 24-43 50-85 56-86 11-137-6-137-6 3 13-4 54 70 52 31 0 58-7 58-7l2 27c-51 24-107 15-140 6-67-17-79-90-81-162v-59c0-74 49-96 49-96 50-24 180-22 222 0 0 0 49 22 49 96 0 0 1 55-7 93" fill="#202325"></path><path d="m358 202v91h-35v-88c0-18-8-27-23-27-18 0-27 11-27 33v47h-34v-47c0-22-9-33-27-33-15 0-23 9-23 27v88h-35v-91c0-18 5-60 52-60 39 0 50 37 50 37s10-37 50-37c45 0 52 42 52 60"></path></g></svg>
+      <svg class="light" xmlns="http://www.w3.org/2000/svg" aria-label="District Dharma on Mastodon" role="img" viewBox="0 0 512.00 512.00" fill="#0c436d" stroke="#0c436d"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"><rect width="512" height="512" rx="15%"></rect><path d="m409 290c-5 24-43 50-85 56-86 11-137-6-137-6 3 13-4 54 70 52 31 0 58-7 58-7l2 27c-51 24-107 15-140 6-67-17-79-90-81-162v-59c0-74 49-96 49-96 50-24 180-22 222 0 0 0 49 22 49 96 0 0 1 55-7 93" fill="#e4edf3"></path><path d="m358 202v91h-35v-88c0-18-8-27-23-27-18 0-27 11-27 33v47h-34v-47c0-22-9-33-27-33-15 0-23 9-23 27v88h-35v-91c0-18 5-60 52-60 39 0 50 37 50 37s10-37 50-37c45 0 52 42 52 60"></path></g></svg>
+    </a>
+  </p>
   <p>© 2026</p>
   <p><a href="/attribution/">site attribution</a></p>
 </footer>
diff --git a/css/main.css b/css/main.css
index f40d07c..a0837c5 100644
--- a/css/main.css
+++ b/css/main.css
@@ -31,7 +31,7 @@
 *:focus-visible {
 	outline-offset: .12rem;
 	outline: .12rem solid var(--color-accent);
-	border-radius: .25rem;
+	border-radius: .25em;
 }
 
 html {
@@ -93,11 +93,10 @@ h1, h2, h3, h4, h5, h6, p {
 
 h1, h2, h3, h4, h5, h6 {
   text-wrap: balance; /* 9. Improve line wrapping */
-  font-family: serif;
+  font-family: Montserrat, sans-serif;
   margin-block-start: 1em;
   color: var(--color-accent);
   font-variant: small-caps;
-  font-family: Montserrat;
   font-weight: 400;
   letter-spacing: 5%;
 }
@@ -212,3 +211,8 @@ footer a:visited {
 footer a:focus-visible {
 	outline: .15rem solid var(--color-accent-flipped);
 }
+
+footer svg {
+	height: 2rem;
+	width: auto;
+}