style: updated nav and general media queries

frontend/src/styles/nav.scss

@@ -176,21 +176,21 @@
     .text {
       .top {
         position: absolute;
-        left: 0.25rem;
-        top: -0.1rem;
-        font-size: 0.65rem;
-        line-height: 0.65rem;
+        left: 0.35em;
+        font-size: 0.325em;
+        line-height: 0.325em;
         color: var(--sub-color);
         transition: color 0.25s, opacity 0.25s;
       }
       position: relative;
       font-size: 2rem;
+      line-height: 2rem;
       font-family: "Lexend Deca";
       transition: color 0.25s;
       font-weight: unset;
       margin-block-start: unset;
       margin-block-end: unset;
-      margin-top: -0.2em;
+      margin-top: -0.23em;
     }
     white-space: nowrap;
     -webkit-user-select: none;

frontend/src/styles/z_media-queries.scss

@@ -335,6 +335,14 @@
 
 //800px
 @media only screen and (max-width: 50rem) {
+  #top .logo .text {
+    font-size: 1.5rem;
+    line-height: 1.5rem;
+    margin-top: -0.1em;
+  }
+  #menu {
+    gap: 0;
+  }
   #testConfig {
     .spacer {
       display: none;
@@ -366,6 +374,9 @@
       }
     }
   }
+  #testModesNotice {
+    font-size: 0.75rem;
+  }
 
   #contactPopupWrapper #contactPopup .buttons {
     grid-template-columns: 1fr;
@@ -479,6 +490,18 @@
 
 //650px
 @media only screen and (max-width: 40.625rem) {
+  #top {
+    #menu {
+      .textButton.account {
+        .text {
+          display: none;
+        }
+        .levelAndBar {
+          display: none;
+        }
+      }
+    }
+  }
   #leaderboardsWrapper #leaderboards {
     width: 85vw;
     .tables .rightTableWrapper,
@@ -696,6 +719,24 @@
 
 //550px
 @media only screen and (max-width: 34.375rem) {
+  #top {
+    .logo {
+      grid-template-columns: auto;
+      .text {
+        display: none;
+      }
+    }
+    // #menu {
+    //   .textButton.account {
+    //     .text {
+    //       display: none;
+    //     }
+    //     .levelAndBar {
+    //       display: none;
+    //     }
+    //   }
+    // }
+  }
   #commandLineWrapper {
     padding: 5rem 1rem;
   }
@@ -743,9 +784,6 @@
       grid-template-areas: "title" "t15" "t60";
     }
   }
-  #testModesNotice {
-    font-size: 0.75rem;
-  }
   #cookiePopupWrapper {
     #cookiePopup,
     .extensionMessage {
@@ -834,12 +872,6 @@
   }
 
   #top {
-    .logo {
-      grid-template-columns: auto;
-      .text {
-        display: none;
-      }
-    }
     #menu {
       font-size: 1rem;
     }