Pagination funcionando bien

src/styles/main.css

@@ -1,6 +1,7 @@
 :root {
     --gray: hsl(0, 0%, 85%);
 }
+
 body {
     max-width: 75em;
     margin: 0 auto;
@@ -17,7 +18,7 @@ button {
     border: 1px var(--gray) solid;
 }
 
-.nav{
+.nav {
     display: flex;
     min-height: 3.25em;
     position: relative;
@@ -26,13 +27,33 @@ button {
 }
 
 .nav-links {
-   display: flex;
+    display: flex;
 }
 
 .nav-links .link {
     margin-left: 1em;
 }
 
+ul.pagination {
+    display: flex;
+    margin: 1em auto;
+    justify-content: center;
+}
+
+.page-item {
+    border: 1px solid var(--gray);
+}
+
+.page-link {
+    color: black;
+    text-decoration: none;
+    padding: 0 1em;
+}
+
+.page-item.active a{
+    color: blue;
+}
+
 .full-width {
     width: 100%;
 }
@@ -46,7 +67,9 @@ button {
 }
 
 .input-with-icon button {
-   border-left: none;
+    border-left: none;
     background: white;
 }
 
+
+