style: Revamp CSS styles for improved layout and readability

- Modify `public/assets/app.css` with updates to CSS variables, grid templates, and class styles
- Add class `pagination` to `<nav>` element in `resources/views/templates/pagination.blade.php`
- Update `public/assets/app.css.br` with changes
- Add flex layout and margin styles to `.h-feed`, `.h-entry`, and `.pagination` classes in `resources/css/layout.css`

resources/css/layout.css

@@ -15,6 +15,23 @@ main {
   grid-row: 2 / 3;
 }
 
+.h-feed {
+  display: flex;
+  flex-direction: column;
+  gap: 2rem;
+}
+
+.h-entry {
+  & p:first-of-type,
+  & h1:first-of-type {
+    margin-block-start: 0;
+  }
+}
+
+.pagination {
+  margin-block-start: 1rem;
+}
+
 footer {
   grid-column: 2 / 3;
   grid-row: 3 / 4;

resources/views/templates/pagination.blade.php

@@ -1,5 +1,5 @@
 @if ($paginator->hasPages())
-    <nav role="navigation">
+    <nav role="navigation" class="pagination">
         <div>
             @if ($paginator->onFirstPage())
                 <span>