little css tweaks

app/styles/header.css

@@ -1,13 +1,13 @@
 header{
     position: absolute;
     padding: 0 20px;
-    top: 0;
+    top: 2em;
     left: 0;
     width: 100%;
-    height: 10vh;
+    height: 5em;
     display: flex;
     align-items: center;
-    margin: 1.5vh 0;
+    font-size: 1em;
 }
 
 .hamburger{
@@ -40,14 +40,16 @@ header{
 .nav-links{
     position: absolute;
     display: flex;
-    gap: 15px;
-    width: 25vw;
-    height: 5vh;
+    top: 1em;
+    gap: 1em;
+    width: 25em;
+    height: 3em;
 }
 
 .nav-btn{
     background-color: transparent;
     border: none;
+    font-size: 0.9em;
 }
 
 .header-logo{
@@ -63,8 +65,9 @@ header{
 }
 
 .login-button .header-login-button{
+    font-size: 1em;
     position: absolute;
-    top: 2.5vh;
+    top: 1.5em;
     right: 1vw;
     padding: 10px 20px;
     background-color: var(--input-button-color);