IMPROVEMENT: polish pagination bar style

assets/style-refractored.scss

@@ -82,40 +82,39 @@ p{
 /* END - top cover part */
 
 /* START - pagination */
+// todo replace this part
+$dark-blue: #21365c;
+$blue: #3A6bA5;
+$gray: #919EB1;
+
 .pagination{
     display: flex;
     margin-top: 20px;
     margin-bottom: 30px;
 
     .page-item{
-        border: #80808050;
-        border-style: solid;
-        border-width: 0.5px;
-        border-radius: 2%;
-        padding-left: 10px;
-        padding-right: 10px;
+        padding-left: 15px;
+        padding-right: 15px;
         padding-top: 10px;
         padding-bottom: 10px;
     
         &.active{
-            background-color: #337cf6;
+            background-color: $blue;
             color: #ffffff;
         }
         
         &.disabled{
-            color:rgb(108, 117, 125)
+            color: $gray;
         }
     }
     
-    // below is for items with link
     a{
-        color: #337cf6;
+        color: $dark-blue;
         text-decoration: none;
     }
 
     .page-link .page-item:hover{
-        background-color: #eaecef;
-        color: #2157ad;
+        background-color: #f5f5f5;
     }
 }
 /* END - pagination */