Update styles for nav bar

static/css/base.css

@@ -195,7 +195,7 @@
     /* Navbar styles */
     #sidebar
     {
-        @apply w-screen xl:w-1/6 lg:max-w-xs bg-pink-500 border-r border-black;
+        @apply w-screen xl:w-1/5 lg:max-w-xs bg-pink-500 border-r border-black;
         background-image: linear-gradient(to bottom, rgba(123,100,127,0) 0%, rgba(123,100,127,0.25) 5%, rgba(123,100,127,0.75) 25%, rgba(123,100,127,1) 90%), url("/imgs/hex_500_1000_10.png");
     }
     #sidebar h1,
@@ -216,11 +216,11 @@
     }
 
     #nav {
-        @apply flex justify-around;
+        @apply flex flex-wrap justify-around;
     }
 
     #nav a {
-        @apply text-black;
+        @apply flex-1-1/3 xs:flex-auto lg:flex-1-1/3 text-black;
     }
 
     /* Blog */