diff --git a/styles/global.css b/styles/global.css
index 42b1903..e89b18f 100644
--- a/styles/global.css
+++ b/styles/global.css
@@ -248,19 +248,19 @@ em {
         width: 100vw;
         justify-content: space-between;
         position: absolute;
+        right: 100vw;
         z-index: 10;
         font-size: 3em;
         margin: 0;
         border: 0;
         padding-inline: 0;
-        transform: translateX(-100vw);
         transition: transform 0.5s ease;
         background-color: #000a;
         backdrop-filter: blur(10px);
     }
 
     #navbar.expanded {
-        transform: translateX(0);
+        transform: translateX(100vw);
     }
 
     #links, #nav {
@@ -322,13 +322,13 @@ em {
     }
 }
 
-@media (pointer: fine) and (hover: hover) {
+@media (pointer: fine) and (hover: hover) and (max-width: 1100px) {
     body {
         font-size: 16px;
     }
 }
 
-@media (pointer: coarse) and (hover: none) {
+@media (pointer: coarse) and (hover: none) and (max-width: 1100px) {
     body {
         font-size: 30px;
     }