add to footer and move footer css to proper place

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;

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);
-}

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);
+}