Update styleQ7.css

Author: TheComputationalCore

templates/styleQ7.css

@@ -1,28 +1,50 @@
-.card {
-  width: 320px;
+body {
+  font-family: Arial, sans-serif;
+  background-color: rgb(240 240 240);
   padding: 20px;
-  background: #f9f9f9;
-  margin: 20px auto;
+}
+
+.form-card {
+  width: 400px;
+  margin: 0 auto;
+  background-color: #fff;
   border-radius: 8px;
-  border: 1px solid #ddd;
+  padding: 24px;
+  box-shadow: 0 0 10px rgb(0 0 0 / 15%);
 }
 
-input,
-button {
+label {
+  font-weight: 600;
+  display: block;
+  margin-bottom: 6px;
+}
+
+input[type="text"],
+input[type="email"],
+input[type="number"],
+select {
   width: 100%;
   padding: 10px;
-  margin: 8px 0;
+  margin-bottom: 14px;
+  border: 1px solid #ccc;
+  border-radius: 4px;
   box-sizing: border-box;
 }
 
+input[type="radio"] {
+  margin-right: 6px;
+}
+
 button {
-  background: #333;
+  width: 100%;
+  padding: 12px;
+  background-color: rgb(4 170 109);
   color: #fff;
-  border: 0;
-  cursor: pointer;
+  border: none;
   border-radius: 4px;
+  cursor: pointer;
 }
 
 button:hover {
-  background: #000;
+  background-color: rgb(69 160 73);
 }