added css

UGcode101 · UGcode101 · commit bfeea4094637 · 2024-02-29T19:51:24.000-06:00
diff --git a/user-input-with-forms/studio/index.html b/user-input-with-forms/studio/index.html
@@ -1,8 +1,24 @@
-<!doctype html>
+<!DOCTYPE html>
 <html>
 <head>
-	<meta charset="utf-8">
-	<script>
+    <meta charset="utf-8">
+    <title>Custom Search Form</title>
+    <style>
+        body {
+            background-color: gray; 
+            color: blue; 
+            font-size: 200%; 
+        }
+        form {
+            max-width: 600px;
+            margin: auto; 
+            padding: 20px; 
+        }
+        input[type="text"], input[type="submit"] {
+            font-size: 1em; 
+        }
+    </style>
+    <script>
         window.addEventListener("load", function(){
             document.getElementById("searchForm").addEventListener("submit", function(event){
                 event.preventDefault();
@@ -23,12 +39,12 @@
                 this.submit();
             });
         });
-	</script>
+    </script>
 </head>
 <body>
 
-	<form id="searchForm">
-        <input type="text" name="q" placeholder="Search...">
+    <form id="searchForm">
+        <input type="text" name="q" placeholder="Search..." style="font-size: 1em;"> 
         <div>
             <input type="radio" id="google" name="engine" value="google" checked>
             <label for="google">Google</label>
@@ -42,8 +58,8 @@
             <input type="radio" id="ask" name="engine" value="ask">
             <label for="ask">Ask</label>
         </div>
-        <input type="submit" value="Go!">
-	</form>
+        <input type="submit" value="Go!" style="font-size: 1em;">
+    </form>
 
 </body>
 </html>
