diff --git a/public/index.html b/public/index.html
index 9ed4a5b..a15d8b7 100644
--- a/public/index.html
+++ b/public/index.html
@@ -26,7 +26,7 @@
 </head>
 <body>
         <header>
-		<div id="header">
+		<nav>
 			<img src="img/favicon.png" id="header-icon" width="100" height="100" alt="">
 			<div id="header-text">
 				<h1>ari melody</h1>
@@ -61,7 +61,7 @@
 					<a href="javascript:void(0)">crt</a>
 				</li>
 			</ul>
-		</div>
+		</nav>
         </header>
 
         <main>
@@ -175,7 +175,7 @@
 				</a>
 			</li>
 			<li>
-				<a href="https://impact.mellodoot.com/" target="_blank">
+				<a href="https://impact.arimelody.me/" target="_blank">
 					impact meme
 				</a>
 			</li>
@@ -228,7 +228,7 @@
 
         <footer>
 		<div id="footer">
-                	<small><em>*made with ♥ by ari, 2023*</em></small>
+                	<small><em>*made with ♥ by ari, 2024*</em></small>
 		</div>
         </footer>
 
diff --git a/public/music.html b/public/music.html
index a57aed1..0747384 100644
--- a/public/music.html
+++ b/public/music.html
@@ -27,7 +27,7 @@
 </head>
 <body>
         <header>
-		<div id="header">
+		<nav>
 			<img src="/img/favicon.png" id="header-icon" width="100" height="100" alt="">
 			<div id="header-text">
 				<h1>ari melody</h1>
@@ -62,7 +62,7 @@
 					<a href="javascript:void(0)">crt</a>
 				</li>
 			</ul>
-		</div>
+		</nav>
         </header>
 
         <main>
@@ -116,7 +116,7 @@
 
         <footer>
 		<div id="footer">
-                	<small><em>*made with ♥ by ari, 2023*</em></small>
+                	<small><em>*made with ♥ by ari, 2024*</em></small>
 		</div>
         </footer>
 
diff --git a/public/style/main.css b/public/style/main.css
index 6734add..9a2ba07 100644
--- a/public/style/main.css
+++ b/public/style/main.css
@@ -38,7 +38,7 @@ header {
 	z-index: 1;
 }
 
-#header {
+nav {
 	width: min(calc(100% - 4rem), 720px);
 	height: 3em;
 	margin: auto;
@@ -391,7 +391,7 @@ footer {
 		font-size: 14px;
 	}
 
-	div#header {
+	nav {
 		width: calc(100vw - 2rem);
 		margin: 0;
 	}
