css fix, pagination controls basic look

client/homebrew/pages/archivePage/archivePage.less

@@ -140,7 +140,7 @@ body {
                             margin-right: 40px;
                             color: black;
 
-                            &:nth-child(even) {
+                            &:nth-child(even of .brewItem) {
                                 margin-right: 0;
                             }
                             h2 {
@@ -162,6 +162,34 @@ body {
                             }
                         }
 
+                        .paginationControls {
+                            position: absolute;
+                            left: 50%;
+                            translate: -50%;
+                            width: 500px;
+                            display: grid;
+                            grid-template-areas: "previousPage currentPage nextPage";
+                            
+                            .currentPage {
+                                grid-area: currentPage;
+                                height: 100%;
+                                width: 100%;
+                                display: block;
+                                text-align: center;
+                                color: white;
+                                font-family: Open Sans;
+                                font-weight: 900;
+                                padding: 5px 8px;
+                            }
+                            
+                            button.previousPage {
+                                grid-area: previousPage;
+                            }
+                            button.nextPage {
+                                grid-area: nextPage;
+                            }
+                        }
+
                         hr {
                             visibility: hidden;
                         }