diff --git a/scripts/nav.js b/scripts/nav.js
index 8ce9135..3ac691a 100644
--- a/scripts/nav.js
+++ b/scripts/nav.js
@@ -130,5 +130,8 @@ window.addEventListener("click", (event) => {
 
 /* footer */
 
-let footerHTML = "<p>brought to you in 2026</p>";
+let footerHTML = `
+	<p>brought to you in 2026 by
+		<a href="https://leecat.art">lee</a>
+	</p>`;
 document.getElementById("footer").innerHTML = footerHTML;
diff --git a/styles/main.css b/styles/main.css
index ca0e91b..c807b02 100644
--- a/styles/main.css
+++ b/styles/main.css
@@ -159,23 +159,3 @@ header img {
 	margin-bottom: 3rem;
 	font-style: italic;
 }
-
-footer {
-	color: var(--color-bg);
-	background-color: var(--color-text);
-	padding: 1rem;
-}
-
-footer p {
-	text-align: center;
-	margin: 0;
-}
-
-footer a {
-	color: var(--color-bg);
-	text-decoration-color: var(--color-bg);
-}
-
-footer a:focus-visible {
-	outline-color: var(--color-bg);
-}
diff --git a/styles/nav.css b/styles/nav.css
index 0d1f8bb..e4a5bac 100644
--- a/styles/nav.css
+++ b/styles/nav.css
@@ -97,3 +97,23 @@ nav ul a {
 	display: inline-block;
 	background-color: var(--color-bg);
 }
+
+footer {
+	color: var(--color-bg);
+	background-color: var(--color-text);
+	padding: 1rem;
+}
+
+footer p {
+	text-align: center;
+	margin: 0;
+}
+
+footer a {
+	color: var(--color-bg);
+	text-decoration-color: var(--color-bg);
+}
+
+footer a:focus-visible {
+	outline-color: var(--color-bg);
+}