@@ -92,7 +92,6 @@ body.light-mode svg {
 }
 
 @keyframes octocat-wave {
-
   0%,
   100% {
     transform: rotate(0);
@@ -132,7 +131,6 @@ body.light-mode svg {
   border-radius: 50%;
   font-size: 45px;
   left: 0;
-  
 }
 
 html.transition,
@@ -150,12 +148,10 @@ h1 {
 }
 
 @media only screen and (max-width: 658px) {
-
   h1 {
     font-size: 1.6em;
     padding: 32px 40px;
   }
-
 }
 
 h4 {
@@ -196,22 +192,22 @@ a:visited {
   width: 100%;
   height: 100%;
   background-color: rgba(0, 0, 0, 0.4);
-  box-shadow: 0 0 transparent, 0 0 transparent, 0 0 transparent, 0 0 transparent, 0 2px 3px 0 rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+  box-shadow: 0 0 transparent, 0 0 transparent, 0 0 transparent, 0 0 transparent,
+    0 2px 3px 0 rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
   border-radius: 10px;
-  transition: transform .3s ease-in-out 0s;
+  transition: transform 0.3s ease-in-out 0s;
 }
 
 .item {
   border-radius: 10px;
-
 }
 
 .item:hover {
   transform: scale3d(1.05, 1.05, 1);
   /* border: 1px solid #ffffff; */
   filter: drop-shadow(10px);
   filter: contrast(110%);
-  background-color: #684756
+  background-color: #684756;
 }
 
 .item h4 {
@@ -249,12 +245,10 @@ footer {
 
 footer a {
   color: white !important;
-
 }
 
 footer a:visited {
   color: white !important;
-
 }
 
 @media (max-width: 800px) {
@@ -285,7 +279,7 @@ footer a:visited {
 }
 
 .scrollToTop:hover {
-  background-color: #5836D8;
+  background-color: #5836d8;
 }
 
 input {
@@ -298,7 +292,7 @@ input {
   top: 6.5%;
   right: 7%;
   background: transparent;
-  border: 1px solid white
+  border: 1px solid white;
 }
 
 header {
@@ -339,7 +333,6 @@ header {
 
   .item {
     width: 350px;
-
   }
 }
 
@@ -350,7 +343,6 @@ header {
 
   .item {
     width: 300px;
-
   }
 }
 
@@ -361,7 +353,6 @@ header {
 
   .item {
     width: 250px;
-
   }
 }
 
@@ -372,7 +363,6 @@ header {
 
   .item {
     width: 200px;
-
   }
 }
 
@@ -383,7 +373,6 @@ header {
 
   .item {
     width: 150px;
-
   }
 }
 
@@ -411,14 +400,12 @@ header {
   }
 }
 
-
 #searchbar,
 .toggleButton {
   display: block;
   margin: 0 auto;
 }
 
-
 @media only screen and (max-width: 320px) {
   h1 {
     font-size: 18px;
@@ -530,7 +517,6 @@ header {
   .toggleButton {
     margin: 45px 3px 3px 10px;
     padding: 3px;
-
   }
 }
 
@@ -543,7 +529,6 @@ header {
     padding-bottom: 3px;
     padding-left: 8px;
     padding-right: 8px;
-
   }
 }
 
@@ -553,7 +538,6 @@ header {
     font-size: 30px;
     margin: 45px 3px 3px 10px;
     padding: 3px;
-
   }
 }
 @media screen and (max-width: 401px) {
@@ -565,7 +549,6 @@ header {
     padding-bottom: 3px;
     padding-left: 9px;
     padding-right: 9px;
-
   }
 }
 @media screen and (max-width: 571px) {
@@ -577,7 +560,6 @@ header {
     padding-bottom: 3px;
     padding-left: 9px;
     padding-right: 9px;
-
   }
 }
 
@@ -586,17 +568,26 @@ header {
 }
 .pagination button:first-child,
 .pagination button:last-child {
-  height: 30px;
+  height: 40px;
   width: 100px;
+  padding: 6px 10px;
 }
 .pagination > button:hover {
-  background-color: rgb(83, 99, 83);
+  background-color: rgb(96, 130, 182);
+  color: white;
+  /* background-color: rgb(83, 99, 83); */
 }
-.pagination > button{
-  border-radius: 10px;
+.pagination > button {
+  border-radius: 20px;
+  padding: 12px;
+  outline: none;
+  border: none;
+  margin-inline: 5px;
+  margin-bottom: 4px;
+  color: white;
+  font: bold;
 }
 .pagination button.active {
-  background-color: green;
-  color: white;
+  background-color: white;
+  color: black;
 }
-
@@ -1902,15 +1902,15 @@ <h4>Domain Availability</h4>
   <footer>
 
     <div class="pagination">
-      <button onclick="goToPreviousPage()">Previous</button>
+      <button onclick="goToPreviousPage()">&larr; Previous</button>
       <button onclick="goToPage(1)">1</button>
       <button onclick="goToPage(2)">2</button>
       <button onclick="goToPage(3)">3</button>
       <button onclick="goToPage(4)">4</button>
       <button onclick="goToPage(5)">5</button>
       <button onclick="goToPage(6)">6</button>
       <button onclick="goToPage(7)">7</button>
-      <button onclick="goToNextPage()">Next</button>
+      <button onclick="goToNextPage()">Next &rarr;</button>
     </div>
 
     <p>&#x3c; &#47; &#x3e; with ❤️ by
Original file line number	Diff line number	Diff line change
`@@ -92,7 +92,6 @@ body.light-mode svg {`
`92`	`92`	`}`
`93`	`93`
`94`	`94`	`@keyframes octocat-wave {`
`95`		`-`
`96`	`95`	`0%,`
`97`	`96`	`100% {`
`98`	`97`	`transform: rotate(0);`
`@@ -132,7 +131,6 @@ body.light-mode svg {`
`132`	`131`	`border-radius: 50%;`
`133`	`132`	`font-size: 45px;`
`134`	`133`	`left: 0;`
`135`		`-`
`136`	`134`	`}`
`137`	`135`
`138`	`136`	`html.transition,`
`@@ -150,12 +148,10 @@ h1 {`
`150`	`148`	`}`
`151`	`149`
`152`	`150`	`@media only screen and (max-width: 658px) {`
`153`		`-`
`154`	`151`	`h1 {`
`155`	`152`	`font-size: 1.6em;`
`156`	`153`	`padding: 32px 40px;`
`157`	`154`	`}`
`158`		`-`
`159`	`155`	`}`
`160`	`156`
`161`	`157`	`h4 {`
`@@ -196,22 +192,22 @@ a:visited {`
`196`	`192`	`width: 100%;`
`197`	`193`	`height: 100%;`
`198`	`194`	`background-color: rgba(0, 0, 0, 0.4);`
`199`		`- box-shadow: 0 0 transparent, 0 0 transparent, 0 0 transparent, 0 0 transparent, 0 2px 3px 0 rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.06);`
	`195`	`+ box-shadow: 0 0 transparent, 0 0 transparent, 0 0 transparent, 0 0 transparent,`
	`196`	`+ 0 2px 3px 0 rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.06);`
`200`	`197`	`border-radius: 10px;`
`201`		`- transition: transform .3s ease-in-out 0s;`
	`198`	`+ transition: transform 0.3s ease-in-out 0s;`
`202`	`199`	`}`
`203`	`200`
`204`	`201`	`.item {`
`205`	`202`	`border-radius: 10px;`
`206`		`-`
`207`	`203`	`}`
`208`	`204`
`209`	`205`	`.item:hover {`
`210`	`206`	`transform: scale3d(1.05, 1.05, 1);`
`211`	`207`	`/* border: 1px solid #ffffff; */`
`212`	`208`	`filter: drop-shadow(10px);`
`213`	`209`	`filter: contrast(110%);`
`214`		`- background-color: #684756`
	`210`	`+ background-color: #684756;`
`215`	`211`	`}`
`216`	`212`
`217`	`213`	`.item h4 {`
`@@ -249,12 +245,10 @@ footer {`
`249`	`245`
`250`	`246`	`footer a {`
`251`	`247`	`color: white !important;`
`252`		`-`
`253`	`248`	`}`
`254`	`249`
`255`	`250`	`footer a:visited {`
`256`	`251`	`color: white !important;`
`257`		`-`
`258`	`252`	`}`
`259`	`253`
`260`	`254`	`@media (max-width: 800px) {`
`@@ -285,7 +279,7 @@ footer a:visited {`
`285`	`279`	`}`
`286`	`280`
`287`	`281`	`.scrollToTop:hover {`
`288`		`- background-color: #5836D8;`
	`282`	`+ background-color: #5836d8;`
`289`	`283`	`}`
`290`	`284`
`291`	`285`	`input {`
`@@ -298,7 +292,7 @@ input {`
`298`	`292`	`top: 6.5%;`
`299`	`293`	`right: 7%;`
`300`	`294`	`background: transparent;`
`301`		`- border: 1px solid white`
	`295`	`+ border: 1px solid white;`
`302`	`296`	`}`
`303`	`297`
`304`	`298`	`header {`
`@@ -339,7 +333,6 @@ header {`
`339`	`333`
`340`	`334`	`.item {`
`341`	`335`	`width: 350px;`
`342`		`-`
`343`	`336`	`}`
`344`	`337`	`}`
`345`	`338`
`@@ -350,7 +343,6 @@ header {`
`350`	`343`
`351`	`344`	`.item {`
`352`	`345`	`width: 300px;`
`353`		`-`
`354`	`346`	`}`
`355`	`347`	`}`
`356`	`348`
`@@ -361,7 +353,6 @@ header {`
`361`	`353`
`362`	`354`	`.item {`
`363`	`355`	`width: 250px;`
`364`		`-`
`365`	`356`	`}`
`366`	`357`	`}`
`367`	`358`
`@@ -372,7 +363,6 @@ header {`
`372`	`363`
`373`	`364`	`.item {`
`374`	`365`	`width: 200px;`
`375`		`-`
`376`	`366`	`}`
`377`	`367`	`}`
`378`	`368`
`@@ -383,7 +373,6 @@ header {`
`383`	`373`
`384`	`374`	`.item {`
`385`	`375`	`width: 150px;`
`386`		`-`
`387`	`376`	`}`
`388`	`377`	`}`
`389`	`378`
`@@ -411,14 +400,12 @@ header {`
`411`	`400`	`}`
`412`	`401`	`}`
`413`	`402`
`414`		`-`
`415`	`403`	`#searchbar,`
`416`	`404`	`.toggleButton {`
`417`	`405`	`display: block;`
`418`	`406`	`margin: 0 auto;`
`419`	`407`	`}`
`420`	`408`
`421`		`-`
`422`	`409`	`@media only screen and (max-width: 320px) {`
`423`	`410`	`h1 {`
`424`	`411`	`font-size: 18px;`
`@@ -530,7 +517,6 @@ header {`
`530`	`517`	`.toggleButton {`
`531`	`518`	`margin: 45px 3px 3px 10px;`
`532`	`519`	`padding: 3px;`
`533`		`-`
`534`	`520`	`}`
`535`	`521`	`}`
`536`	`522`
`@@ -543,7 +529,6 @@ header {`
`543`	`529`	`padding-bottom: 3px;`
`544`	`530`	`padding-left: 8px;`
`545`	`531`	`padding-right: 8px;`
`546`		`-`
`547`	`532`	`}`
`548`	`533`	`}`
`549`	`534`
`@@ -553,7 +538,6 @@ header {`
`553`	`538`	`font-size: 30px;`
`554`	`539`	`margin: 45px 3px 3px 10px;`
`555`	`540`	`padding: 3px;`
`556`		`-`
`557`	`541`	`}`
`558`	`542`	`}`
`559`	`543`	`@media screen and (max-width: 401px) {`
`@@ -565,7 +549,6 @@ header {`
`565`	`549`	`padding-bottom: 3px;`
`566`	`550`	`padding-left: 9px;`
`567`	`551`	`padding-right: 9px;`
`568`		`-`
`569`	`552`	`}`
`570`	`553`	`}`
`571`	`554`	`@media screen and (max-width: 571px) {`
`@@ -577,7 +560,6 @@ header {`
`577`	`560`	`padding-bottom: 3px;`
`578`	`561`	`padding-left: 9px;`
`579`	`562`	`padding-right: 9px;`
`580`		`-`
`581`	`563`	`}`
`582`	`564`	`}`
`583`	`565`
`@@ -586,17 +568,26 @@ header {`
`586`	`568`	`}`
`587`	`569`	`.pagination button:first-child,`
`588`	`570`	`.pagination button:last-child {`
`589`		`- height: 30px;`
	`571`	`+ height: 40px;`
`590`	`572`	`width: 100px;`
	`573`	`+ padding: 6px 10px;`
`591`	`574`	`}`
`592`	`575`	`.pagination > button:hover {`
`593`		`- background-color: rgb(83, 99, 83);`
	`576`	`+ background-color: rgb(96, 130, 182);`
	`577`	`+ color: white;`
	`578`	`+ /* background-color: rgb(83, 99, 83); */`
`594`	`579`	`}`
`595`		`-.pagination > button{`
`596`		`- border-radius: 10px;`
	`580`	`+.pagination > button {`
	`581`	`+ border-radius: 20px;`
	`582`	`+ padding: 12px;`
	`583`	`+ outline: none;`
	`584`	`+ border: none;`
	`585`	`+ margin-inline: 5px;`
	`586`	`+ margin-bottom: 4px;`
	`587`	`+ color: white;`
	`588`	`+ font: bold;`
`597`	`589`	`}`
`598`	`590`	`.pagination button.active {`
`599`		`- background-color: green;`
`600`		`- color: white;`
	`591`	`+ background-color: white;`
	`592`	`+ color: black;`
`601`	`593`	`}`
`602`		`-`