diff --git a/styles/sectionheading.module.css b/styles/sectionheading.module.css
index 5b469af..097d4ab 100644
--- a/styles/sectionheading.module.css
+++ b/styles/sectionheading.module.css
@@ -2,6 +2,7 @@
     width: 100%;
     font-size: max(2em, 4vw);
     color: var(--theme-ui-colors-text);
+    transition: color 0.3s ease-in-out;
     font-weight: lighter;
     text-align: center;
     word-break: break-all;