Update careers page layout and styling

careers.html

@@ -34,19 +34,19 @@
       background-color: #f4f4f4;
     }
 
-    header {
+    /* header {
       background: #f76b45;
       color: #fff;
       padding: 20px;
       text-align: center;
-    }
+    } */
 
     h1 {
       margin-bottom: 20px;
     }
 
     main {
-      padding: 20px;
+      padding: 40px 20px;
     }
 
     .job-posting {
@@ -793,9 +793,9 @@ <h2>Jobs in Finance</h2>
         }
       </script>
     </section>
+  </main>
 
-
-    <style>
+  <style>
       /* General Styles */
 body {
   font-family: Arial, sans-serif;
@@ -857,7 +857,7 @@ <h2>Jobs in Finance</h2>
 /* Section Styling */
 section {
   font-family: Arial, sans-serif;
-  padding: 20px;
+  padding: 80px 20px 20px 20px; 
   background-color: #f0f4f8;
 }
 
@@ -931,6 +931,7 @@ <h2>Jobs in Finance</h2>
   font-weight: bold;
   text-transform: uppercase;
   letter-spacing: 1px;
+  color: white;
 }
 
 /* Table Row Hover Effects */