added css style to form

Author: lintsang

Form-Controls/css/style.css

@@ -1,3 +1,36 @@
 h1{
+    font-family: 'Times New Roman', Times, serif;
     font-size: 1.5rem;
-}
+}
+fieldset{
+    background-color: #becce2;
+    border: 2px solid #c0cde0;
+	border-style: solid;
+    border-radius: 0.5em;
+    margin: 1em auto;
+    padding: 1em;
+    width: 40em;
+    max-width: 800px;
+}
+
+legend{
+    color: #222;
+    background-color: #f6f9ff;
+    font-size: 90%;
+    padding: 1em 2em;
+    border: solid 1px #becce2;
+    border-radius: 0.3em;
+
+
+}
+fieldset > div{
+    padding: 0.5em 3em;
+    display: grid;
+    grid-template-columns: 2fr 4fr;
+}
+input, select, button{
+    border: solid 1px #becce2;
+    padding: 4px;
+    font-size: 1em;
+    border-radius: 0.3em;
+}

Form-Controls/index.html

@@ -15,8 +15,8 @@ <h1>Product Pick</h1>
     <main>
       <form>
         <fieldset>
-          <lengend>
-            Person name and email</lengend>
+          <legend>
+            Person name and email</legend>
             <div class="form-group">
               <label for="fullname">Full Name:</label>
               <input type="text" id="fullname" required minlength="2">