Creadno lista pero con problemas en paginate

src/styles/main.css

@@ -1,5 +1,8 @@
 :root {
     --gray: hsl(0, 0%, 85%);
+    --dark-gray: hsl(0, 0%, 30%);
+    --black: hsl(0, 0%, 20%);
+    --emerald: hsl(138, 70%, 50%);
 }
 
 body {
@@ -7,6 +10,7 @@ body {
     margin: 0 auto;
     padding: 0 1em;
     font-family: sans-serif;
+    color: var(--black);
 }
 
 input {
@@ -18,6 +22,11 @@ button {
     border: 1px var(--gray) solid;
 }
 
+a {
+    color: var(--emerald);
+    text-decoration: none;
+}
+
 .nav {
     display: flex;
     min-height: 3.25em;
@@ -45,13 +54,13 @@ ul.pagination {
 }
 
 .page-link {
-    color: black;
+    color: var(--black);
     text-decoration: none;
     padding: 0 1em;
 }
 
-.page-item.active a{
-    color: blue;
+.page-item.active a {
+    color: var(--emerald);
 }
 
 .full-width {
@@ -72,4 +81,35 @@ ul.pagination {
 }
 
 
+ul.entity_list {
+    display: flex;
+    flex-direction: column;
+    margin-top: 1em;
+}
+
+li.entity {
+    height: 4em;
+    border: 1px var(--gray) solid;
+}
+
+li.entity:not(:first-child) {
+    border-top: none;
+}
+
+li.entity a {
+    display: flex;
+
+    height: 100%;
+    padding-left: 1em;
+    text-decoration: none;
+    color: var(--black);
+
+    justify-content: center;
+    flex-direction: column;
+}
+
+li.entity a .small {
+    font-size: .8em;
+    color: var(--dark-gray);
+}