diff --git a/index.html b/index.html
index 9e5814c..1ca6448 100644
--- a/index.html
+++ b/index.html
@@ -5,8 +5,8 @@
     <link rel="stylesheet" type="text/css" href="styles/global.css">
 </head>
 <body>
-    <img id="menu" src="/assets/plus.svg">
-    <div id="header">
+    <img id="nav-btn" src="/assets/plus.svg">
+    <div id="navbar">
         <p id="logo">[Notoric]</p>
         <div id="nav">
             <a href="projects.html">Projects</a>
diff --git a/styles/global.css b/styles/global.css
index 4464dc6..b731dd6 100644
--- a/styles/global.css
+++ b/styles/global.css
@@ -12,11 +12,11 @@ body {
     overflow: hidden;
 }
 
-#menu {
+#nav-btn {
     display: none;
 }
 
-#header {
+#navbar {
     background-color: black;
     margin: 0;
     overflow: hidden;
@@ -43,7 +43,7 @@ em {
     font-weight: 500;
 }
 
-#header p {
+#navbar p {
     margin: 16px;
     margin-inline: 0;
 }
@@ -211,7 +211,7 @@ em {
         font-size: 30px;
     }
 
-    #menu {
+    #nav-btn {
         content: "";
         display: block;
         position: absolute;
@@ -241,11 +241,11 @@ em {
         padding: 0px;
     }
 
-    #menu.expanded {
+    #nav-btn.expanded {
         transform: rotate(225deg);
     }
 
-    #header {
+    #navbar {
         flex-direction: column;
         height: calc(100vh - 120px);
         width: 100vw;
@@ -263,7 +263,7 @@ em {
         backdrop-filter: blur(10px);
     }
 
-    #header.expanded {
+    #navbar.expanded {
         transform: translateX(0);
     }
 
