aligned eerything to be pixel-perfect

navBar.css

@@ -15,19 +15,18 @@ li {
   filter: drop-shadow(0px calc(2px * var(--pxDensity)) rgba(0, 0, 0, 0.5));
   padding: 0%;
   display: inline-block;
-  position: relative;
   margin-bottom: calc(4px * var(--pxDensity));
   position: absolute;
   bottom: 0%;
   left: 50%;
   transform: translateX(-50%);
+  font-size: 0px;
 }
 .navBtn {
   background-color: transparent;
   display: inline-flex;
   padding: 0%;
   border: none;
-  position: relative;
   filter: drop-shadow(0px calc(1px * var(--pxDensity)) rgba(0, 0, 0, 0.5));
 }
 .navBtn:hover {
@@ -50,5 +49,4 @@ li {
   image-rendering: pixelated;
   position: absolute;
   margin: calc(2px * var(--pxDensity));
-  pointer-events: none;
 }