Fix navbar alignments

Author: agriyakhetarpal

assets/theme-css/bulma.css

@@ -5,15 +5,16 @@
   margin: 0 auto;
   position: relative;
   width: auto;
+  padding: 0 calc(1.875rem + 1em);
 }
 @media screen and (min-width: 1024px) {
   .container {
-    max-width: 960px;
+    max-width: calc(70em + 15em + 1.875rem);
   }
 }
 @media screen and (min-width: 1216px) {
   .container {
-    max-width: 1152px;
+    max-width: calc(70em + 15em + 1.875rem);
   }
 }
 @media screen and (max-width: 768px) {

assets/theme-css/content.css

@@ -2,16 +2,23 @@
   display: flex;
   flex-wrap: nowrap;
   justify-content: center;
-  margin: 1em;
+  margin: 1em auto;
+  max-width: calc(70em + 15em + 1.875rem);
+  padding: 0 calc(1.875rem + 1em);
+  gap: 1.875rem;
 }
 
 .content-container {
   flex-basis: 70em;
   flex-shrink: 1;
   flex-direction: column;
-  margin: 0 1.875rem;
-  padding: 1rem;
+  margin: 0;
+  padding: 1rem 0;
+}
 
-  /* Handle code cells overflowing */
+/* Code blocks handle their own overflow */
+.content-container:has(pre),
+.content-container:has(.highlight),
+.content-container:has(.chroma) {
   overflow: auto;
 }