style css

Author: sofragiualina

Form-Controls/index.html

@@ -6,6 +6,8 @@
     <title>T-Shirt Order Form</title>
     <meta name="description" content="T-shirt order form" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
+  
+     <link rel="stylesheet" href="style.css" />
   </head>
   <body>
     <header>

Form-Controls/style.css

@@ -0,0 +1,99 @@
+/* Reset some default styles */
+* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  font-family: Arial, Helvetica, sans-serif;
+}
+
+/* Page layout */
+body {
+  background-color: #f7f7f7;
+  color: #333;
+  line-height: 1.5;
+  padding: 20px;
+}
+
+/* Center content */
+main {
+  max-width: 500px;
+  margin: 40px auto;
+  background: #ffffff;
+  padding: 25px;
+  border-radius: 8px;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
+}
+
+/* Header */
+header h1 {
+  text-align: center;
+  margin-bottom: 20px;
+  font-weight: 500;
+}
+
+/* Form spacing */
+form div,
+fieldset {
+  margin-bottom: 15px;
+}
+
+/* Labels */
+label {
+  display: block;
+  margin-bottom: 5px;
+  font-size: 0.9rem;
+}
+
+/* Inputs and select */
+input,
+select {
+  width: 100%;
+  padding: 8px 10px;
+  border: 1px solid #ccc;
+  border-radius: 5px;
+  font-size: 0.95rem;
+}
+
+/* Radio buttons inline */
+fieldset label {
+  display: inline-flex;
+  align-items: center;
+  margin-right: 15px;
+  font-size: 0.9rem;
+}
+
+fieldset input {
+  margin-right: 5px;
+}
+
+/* Fieldset styling */
+fieldset {
+  border: 1px solid #ddd;
+  padding: 10px;
+  border-radius: 5px;
+}
+
+/* Button */
+button {
+  width: 100%;
+  padding: 10px;
+  border: none;
+  background-color: #333;
+  color: #fff;
+  font-size: 1rem;
+  border-radius: 5px;
+  cursor: pointer;
+}
+
+/* Button hover */
+button:hover {
+  background-color: #555;
+}
+
+/* Footer */
+footer {
+  text-align: center;
+  margin-top: 20px;
+  font-size: 0.8rem;
+  color: #777;
+}