Changed styling

index.html

@@ -45,7 +45,7 @@
                 </h2>
                 <h3 id="result"></h3>
                 <form>
-                    <select id="selectNumber">
+                    <select id="selectNumber" class="dropdown">
                         <option value="1">
                             Pick 1
                         </option>
@@ -62,15 +62,15 @@
                             Pick 5
                         </option>
                     </select>
-                <button type="submit" id="submit">Randomize</button>
                 </form>
+                <button type="submit" id="submit">Randomize</button>
             </div>
 
         </div>
 
         <button id="reset">Reset</button>
         <script src="script.js"></script>
-        
+
     </body>
 
 </html>

style.css

@@ -56,6 +56,20 @@ ol>li {
     color: rgb(0, 0, 0);
 }
 
+.dropdown {
+    height: 50px;
+    border: 1px solid #ccc;
+    border-radius: 5px;
+    padding-left: 5px;
+    padding: 10px;
+    font-size: 18px;
+    font-family: 'Open Sans', sans-serif;
+    color: #555;
+    background-color: rgb(255, 255, 255);
+    background-image: none;
+    border: 1px solid rgb(41, 18, 18);
+}
+
 @media screen and (max-width:768px) {
     #grid {
         grid-template-columns: 1fr;