refactor form styles for consistency and improved layout

Author: JohnRob-jnr

Form-Controls/index.css

@@ -16,7 +16,18 @@ body {
 }
 
 
-.form-group {
+.form-inputs {
+  width: 60%;
+  background:#f0f8ff;
+  text-align: left;
+   display: block;
+  margin: 0 auto;
+  padding: 10px;
+  border-radius: 8px;
+  box-shadow: 0 4px 6px rgba(0,0,0,0.1);
+}
+
+.form-selections {
   width: 60%;
   background:#f0f8ff;
   text-align: left;
@@ -29,16 +40,23 @@ body {
 
 label {
   display: block;
-  margin-bottom: 5px;
+  margin-bottom: 10px;
   font-weight: 600;
 }
 
 input[type="text"],
 input[type="email"],
 select {
   width: 100%;
-  padding: 8px;
+  padding: 10px;
   border: 1px solid #ccc;
-  border-radius: 4px;
+  border-radius: 10px;
   box-sizing: border-box; /* Crucial for width alignment */
 }
+
+.footer {
+  text-align: left;
+  margin-top: 20px;
+  background-color: #408db7;
+  padding: 20px;
+}