diff --git a/assets/css/main.css b/assets/css/main.css
index 2288578..7e7ddc6 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -8,61 +8,6 @@ body {
     height: 100%;
 }
 
-nav {
-    display: flex;
-    gap: 1em;
-    position: fixed;
-    padding: 0.5em;
-    width: 100%;
-    transition: all 0.2s ease;
-    overflow: auto;
-    z-index: 99;
-}
-
-nav .button#navButton {
-    margin: 0;
-}
-
-nav > .language-switcher {
-    display: flex;
-    justify-content: flex-end;
-    gap: 1em;
-    margin-left: auto;
-    width: 100%;
-}
-
-nav > .language-switcher > select {
-    width: 8em;
-}
-
-nav.scrolled {
-    background: var(--bg-color);
-    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
-}
-
-nav a.nav-logo {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    padding: 0.1em;
-    width: 2.5em;
-}
-
-nav a.nav-logo > img {
-    width: 100%;
-}
-
-nav .nav-container {
-    display: flex;
-    flex-direction: row;
-    gap: 1em;
-}
-
-.button.light {
-    border-color: white !important;
-    color: white;
-} 
-
 .content {
     display: flex;
     flex-direction: column;
diff --git a/assets/css/nav.css b/assets/css/nav.css
new file mode 100644
index 0000000..0efe046
--- /dev/null
+++ b/assets/css/nav.css
@@ -0,0 +1,54 @@
+nav {
+    display: flex;
+    gap: 1em;
+    position: fixed;
+    padding: 0.5em;
+    width: 100%;
+    transition: all 0.2s ease;
+    overflow: auto;
+    z-index: 99;
+}
+
+nav .button#navButton {
+    margin: 0;
+}
+
+nav > .language-switcher {
+    display: flex;
+    justify-content: flex-end;
+    gap: 1em;
+    margin-left: auto;
+    width: 100%;
+}
+
+nav > .language-switcher > select {
+    width: 8em;
+}
+
+nav.scrolled {
+    background: var(--bg-color);
+    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
+}
+
+nav a.nav-logo {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    padding: 0.1em;
+    width: 2.5em;
+}
+
+nav a.nav-logo > img {
+    width: 100%;
+}
+
+nav .nav-container {
+    display: flex;
+    flex-direction: row;
+    gap: 1em;
+}
+
+.button.light {
+    border-color: white !important;
+    color: white;
+}
\ No newline at end of file
diff --git a/index.html b/index.html
index b9d7934..220e291 100644
--- a/index.html
+++ b/index.html
@@ -6,6 +6,7 @@
     <title data-i18n="title">TBZ Community</title>
     <link rel="stylesheet" href="https://unpkg.com/chota@latest">
     <link rel="stylesheet" href="/assets/css/main.css" />
+    <link rel="stylesheet" href="/assets/css/nav.css" />
     <link rel="stylesheet" href="/assets/css/home.css" />
     <link rel="icon" href="/assets/img/favicon.svg" />
 </head>
diff --git a/signup/index.html b/signup/index.html
index dfb33af..8e8477c 100644
--- a/signup/index.html
+++ b/signup/index.html
@@ -6,6 +6,7 @@
     <title>TBZ Community | Registration</title>
     <link rel="stylesheet" href="https://unpkg.com/chota@latest">
     <link rel="stylesheet" href="/assets/css/main.css" />
+    <link rel="stylesheet" href="/assets/css/nav.css" />
     <link rel="stylesheet" href="/assets/css/signup.css" />
     <link rel="icon" href="/assets/img/favicon.svg" />
     <script>