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