center navbar links

web/app/globals.css

@@ -28,9 +28,9 @@ body {
   box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
   z-index: 1000;
   padding: 0.5rem 2rem;
-  display: flex;
+  display: grid;
+  grid-template-columns: 1fr auto 1fr;
   align-items: center;
-  justify-content: space-between;
   min-height: 70px;
   /* border-radius: 0px 0px 10px 10px; */
 }
@@ -57,7 +57,6 @@ body {
   display: flex;
   align-items: center;
   gap: 1.25rem;
-  flex: 1;
   justify-content: center;
 }
 
@@ -1022,15 +1021,11 @@ body {
 
 /* Auth/nav */
 
-.navbar {
-  justify-content: space-between;
-}
-
 .nav-auth {
   display: flex;
   align-items: center;
   gap: 0.5rem;
-  margin-left: auto;
+  justify-self: end;
   padding-left: 1.5rem;
   flex-shrink: 0;
 }