diff --git a/navbar.css b/navbar.css
index 8ea0d5a..991f4cf 100644
--- a/navbar.css
+++ b/navbar.css
@@ -4,24 +4,34 @@
     align-items: center;
 }
 
+.headerbutton {
+  border: none;
+  border-radius: 8px;
+  justify-content: center;
+  align-items: center;
+  text-decoration: none;
+  display: flex;
+  font-size: 16px;
+  margin: 4px 2px;
+  padding-left: 0.3cm;
+  padding-right: 0.3cm;
+  cursor: pointer;
+  height: 35px;
+  transition-duration: 0.2s;
+}
+
+.topbar {
+  position: fixed;
+  width: 100%;
+  top: 0px;
+  left: 0px;
+  z-index: 10;
+}
 
 @media (prefers-color-scheme: light) {
 
   .headerbutton {
     color: black;
-    border: none;
-    border-radius: 8px;
-    justify-content: center;
-    align-items: center;
-    text-decoration: none;
-    display: flex;
-    font-size: 16px;
-    margin: 4px 2px;
-    padding-left: 0.3cm;
-    padding-right: 0.3cm;
-    cursor: pointer;
-    height: 35px;
-    transition-duration: 0.2s;
   }
 
   .headerbutton:hover {
@@ -29,14 +39,9 @@
   }
 
   .topbar {
-    position: fixed;
-    width: 100%;
-    top: 0px;
-    left: 0px;
     background-color: rgba(255, 255, 255, 1);
     border: 1px solid rgba(224, 224, 224, 1);
     color: #000000;
-    z-index: 10;
   }
 
 }
@@ -45,19 +50,6 @@
 
   .headerbutton {
     color: #ffffff;
-    border: none;
-    border-radius: 8px;
-    justify-content: center;
-    align-items: center;
-    text-decoration: none;
-    display: flex;
-    font-size: 16px;
-    margin: 4px 2px;
-    padding-left: 0.3cm;
-    padding-right: 0.3cm;
-    cursor: pointer;
-    height: 35px;
-    transition-duration: 0.2s;
   }
 
   .headerbutton:hover {
@@ -65,13 +57,8 @@
   }
 
   .topbar {
-    position: fixed;
-    width: 100%;
-    top: 0px;
-    left: 0px;
     background-color: #303030;
     border: 1px solid #1f1f1f;
     color: #ffffff;
-    z-index: 10;
   }
 }