as

assets/css/style.css

@@ -12,6 +12,7 @@
 body {
   font-family: "Open Sans", sans-serif, "Poppins";
   color: #444444;
+  background-color: #f0f0f0;
   /* color: #FFF8E1 ; */
 }
 
@@ -1472,11 +1473,9 @@ section {
 
 /* -------error------------ */
 
-body {
-  font-family: Arial, sans-serif;
-  text-align: center;
+/* body {
   background-color: #f0f0f0;
-}
+} */
 
 .custom-error-container {
   margin: 120px 120px;
@@ -1484,6 +1483,7 @@ body {
   background-color: #fff;
   border-radius: 5px;
   box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
+  text-align: center; /* Center the content within the container */
 }
 
 .error-title {
@@ -1502,6 +1502,10 @@ body {
   margin-bottom: 20px;
 }
 
+.error-message:hover {
+  color: #666666;
+}
+
 .error-button {
   display: inline-block;
   padding: 10px 20px;
@@ -1512,6 +1516,6 @@ body {
 }
 
 .error-button:hover {
-  background-color: #005cbf; /* Change the hover background color to a darker blue */
-  color: #fff; /* Keep the text color white */
+  background-color: #005cbf;
+  color: #fff;
 }