diff --git a/build.sh b/build.sh
index a286d4c..5cb7e56 100755
--- a/build.sh
+++ b/build.sh
@@ -47,7 +47,7 @@ write_header(){
 }
 
 write_section_header(){
-  echo "<h2 id=\"s$1\" onclick=\"activeSection('$2')\" >" >> $3
+  echo "<h2 id=\"s$1\" class=\"clickable\" onclick=\"activeSection('$2')\" >" >> $3
   echo "$2" | tr a-z A-Z  >> $3
   echo "</h2>" >> $3
 }
@@ -91,7 +91,7 @@ do
   countImgs=$(find "$subdir" -type f | wc -l)
   countImgs=$((countImgs - 1))
   for i in $(seq 1 $((( $countImgs / $maxPerPage)+1))); do
-    echo "<button onclick=\"loadPage('$section', $i)\">$i</button>" >> ./index.html
+    echo "<button class=\"clickable\" onclick=\"loadPage('$section', $i)\">$i</button>" >> ./index.html
   done
   echo "</div>" >> ./index.html
   echo "<div id=\"$section-content\">" >> ./index.html
diff --git a/style.css b/style.css
index 8bfd709..b666435 100644
--- a/style.css
+++ b/style.css
@@ -11,6 +11,7 @@ h1 {
   color: #282828;
   text-align: center;
   text-decoration: none;
+  /*border-radius: 8px; */
 }
 
 h2 {
@@ -18,6 +19,7 @@ h2 {
   color: #282828;
   text-align: center;
   text-decoration: none;
+  /*border-radius: 8px; */
 }
 
 a {
@@ -56,6 +58,7 @@ a {
   padding: 1em;
   background-color: #665c54;
   text-align: center;
+  /*border-radius: 8px; */
 }
 
 img {
@@ -70,8 +73,13 @@ img:hover {
 }
 
 .pager {
-  margin-top: 20px;
-  margin-bottom: 20px;
+  margin-top: 5px;
+  margin-bottom: 10px;
+  padding: 5px;
+  /*border-radius: 8px; */
+  color: #282828; 
+  display: flex;
+  justify-content: center;
 }
 
 .pager button {
@@ -85,8 +93,12 @@ img:hover {
   font-size: 16px; 
   font-weight: 900;
   margin: 4px 2px; 
+  margin-right: 10px;
   cursor: pointer; 
-  border-radius: 8px; 
+  /*border-radius: 8px; */
 }
 
+.clickable {
+  cursor: pointer;
+}