fix: minour ui changes

assets/css/custom.css

   font-family: 'Inter';
   font-display: auto;
   font-style:  normal;
-  font-weight: 500;
-  src: url("https://rsms.me/inter/font-files/Inter-Medium.woff2") format("woff2"),
-       url("https://rsms.me/inter/font-files/Inter-Medium.woff") format("woff");
+  font-weight: 700;
+  src: url("https://rsms.me/inter/font-files/Inter-Bold.woff2") format("woff2"),
+       url("https://rsms.me/inter/font-files/Inter-Bold.woff") format("woff");
 }
 
 body.light {
 }
 .hack, .hack blockquote, .hack em, .hack h1, .hack h2, .hack h3, .hack h4, .hack h5, .hack h6, .hack strong {
   font-family: 'Inter', monospace;
+  font-weight: 700;
 }
 
 .hack {
   font-family: "Inter", serif;
   font-weight: 400;
-  text-align: justify;
 }
 
 a[rel*="external"]::after {
 }
 nav a {
   padding: 2px;
+  margin-right: 0.4rem;
+}
+.side-nav a {
+  margin-right: 0.4rem;
 }
 .light nav a.active {
   background-color: inherit;
   grid-template-columns: 1fr minmax(min-content, auto);
   column-gap: 20px;
   grid-template-areas: "div div";
+}
+
+.post-content p{
+  max-width: 40rem;
 }

layouts/_default/list.html

     <h1>
     <div>{{ .Title }}</div>
     <div>
-    <small>
+    <small class="side-nav">
       <a href="{{ .Params.listing  }}">Archive</a>
       <a href="/categories">Categories</a>
       <a href="/tags">Tags</a>