diff --git a/content/contact.md b/content/contact/index.md
similarity index 100%
rename from content/contact.md
rename to content/contact/index.md
diff --git a/docs/css/custom.css b/docs/css/custom.css
index f00204a..75fd558 100644
--- a/docs/css/custom.css
+++ b/docs/css/custom.css
@@ -314,6 +314,7 @@
 	display: flex;
 }
 
+
 [data-theme='light'] .brand__mobile-check:checked ~ .brand__mobile-toggle {
 	background-color: transparent;
 	border-color: #89808092;
@@ -339,6 +340,16 @@
 	transition: background-color 0.15s ease;
 }
 
+[data-theme='light'] .brand__mobile-check:checked ~ .brand__mobile-links .mobile-link {
+	color: #ff3d3d;
+}
+
+@media (prefers-color-scheme: light) {
+	.brand__mobile-check:checked ~ .brand__mobile-links .mobile-link {
+		color: #ff3d3d;
+	}
+}
+
 .mobile-link:hover {
 	background-color: var(--background-color1);
 }
@@ -347,6 +358,7 @@
 	border-bottom: 1px solid var(--foreground-color3);
 }
 
+
 /* Mobile toggle dark mode colors */
 @media (prefers-color-scheme: dark) {
 	.brand__mobile-toggle {
diff --git a/static/css/custom.css b/static/css/custom.css
index f00204a..75fd558 100644
--- a/static/css/custom.css
+++ b/static/css/custom.css
@@ -314,6 +314,7 @@
 	display: flex;
 }
 
+
 [data-theme='light'] .brand__mobile-check:checked ~ .brand__mobile-toggle {
 	background-color: transparent;
 	border-color: #89808092;
@@ -339,6 +340,16 @@
 	transition: background-color 0.15s ease;
 }
 
+[data-theme='light'] .brand__mobile-check:checked ~ .brand__mobile-links .mobile-link {
+	color: #ff3d3d;
+}
+
+@media (prefers-color-scheme: light) {
+	.brand__mobile-check:checked ~ .brand__mobile-links .mobile-link {
+		color: #ff3d3d;
+	}
+}
+
 .mobile-link:hover {
 	background-color: var(--background-color1);
 }
@@ -347,6 +358,7 @@
 	border-bottom: 1px solid var(--foreground-color3);
 }
 
+
 /* Mobile toggle dark mode colors */
 @media (prefers-color-scheme: dark) {
 	.brand__mobile-toggle {