add and edit styling

styles/container.css

@@ -38,10 +38,10 @@
 
 .main-content {
     position: absolute;
-    top: 10%;
+    top: 7%;
     height: fit-content;
     align-items: center;
     width: fit-content;
-    border: 5px solid transparent;
+    border: 30px solid transparent;
 }
 

styles/footer.css

@@ -2,7 +2,11 @@
     position: fixed; /* Set the navbar to fixed position */
     bottom: 0; /* Position the navbar at the bottom of the page */
     width: 100%; /* Full width */
-    height: 10%;
     min-height: fit-content;
     max-height: 20px;
+    background-color: navy; 
+    color: white;
+    text-align: center; 
+    padding: 10px;
+    height: 43px;
   }
\ No newline at end of file

styles/global.css

@@ -2,7 +2,6 @@ body, h1, h2, h3, p, img{
     margin: 0;
     padding: 0;
     border: 0;
-    background-color: #f8f8f8;
 }
 
 body {
@@ -41,16 +40,6 @@ body {
     padding: 20px; /* Add some padding for better spacing */
 }
 
-.footer {
-    background-color: navy; 
-    color: white;
-    text-align: center; 
-    padding: 10px;
-    position: absolute;
-    bottom: 0;
-    width: 100%;
-    height: 43px;
-}
 
 div.index div.events {
     text-align: center;

styles/pagination.css

+/* Pagination container */
+.pagination {
+    display: flex;
+    justify-content: center;
+    margin-top: 20px;
+}
+
+/* Pagination links (Previous, Next, Page numbers) */
+.pagination a {
+    color: #333;
+    text-decoration: none;
+    padding: 8px 16px;
+    margin: 0 5px;
+    border: 1px solid #ddd;
+    border-radius: 4px;
+}
+
+/* Style for the current page */
+.pagination a.active {
+    background-color: #007BFF;
+    color: white;
+}
+
+/* Hover effect for pagination links */
+.pagination a:hover {
+    background-color: #ddd;
+    color: #007BFF;
+}