Rework layout

css/menu.css

@@ -4,36 +4,42 @@
   box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.25);
   cursor: pointer;
   display: block;
-  height: 64px;
-  left: 5px;
+  height: 48px;
+  left: 2px;
   position: fixed;
-  top: 5px;
+  top: 2px;
   transform: translateX(-100px);
   transition:
     filter var(--transition-md) ease-out,
     opacity var(--transition-md) ease-out,
     transform var(--transition-md) ease-out;
-  width: 64px;
+  width: 48px;
   will-change: opacity, transition;
   z-index: 5;
 }
 
 .logged-in .menu {
-  top: 37px;
+  top: 48px;
+}
+
+@media (--viewport-wordpress-admin-bar) {
+  .logged-in .menu {
+    top: 34px;
+  }
 }
 
 .menu__line {
   background-color: #fff;
   border-radius: 2px;
-  height: 4px;
-  left: 15px;
+  height: 2px;
+  left: 12px;
   position: absolute;
-  right: 15px;
+  right: 12px;
   transform: translateY(-50%);
 }
 
 .menu__line:nth-of-type(1) {
-  top: 33%;
+  top: 33.34%;
 }
 
 .menu__line:nth-of-type(2) {
@@ -41,7 +47,7 @@
 }
 
 .menu__line:nth-of-type(3) {
-  top: 66%;
+  top: 66.67%;
 }
 
 .menu__text {