Update static/styles.css

static/styles.css

@@ -25,22 +25,21 @@ form {
 label {
     display: block;
     margin-bottom: 0.5rem;
-    font-weight: 16px;
+    font-weight: bold; /* Fixed: Changed 'font-weight: 16px' to 'bold' */
     color: #555;
 }
 
-input[type="url"], input[type="text"], input[type="password"] {
+input[type="url"], input[type="email"], input[type="text"], input[type="password"] {
     width: 100%;
     padding: 10px;
-    border: 0.5rem;
+    border: 1px solid #e2e8f0; /* Fixed: Removed invalid '0.5rem' border */
     border-radius: 5px;
-    border: 1px solid #e2e8f0;
     background-color: #f8fafc;
     font-size: 16px;
     box-sizing: border-box;
 }
 
-input[type="url"]:focus, input[type="text"]:focus, input[type="password"]:focus {
+input[type="url"]:focus, input[type="email"]:focus, input[type="text"]:focus, input[type="password"]:focus {
     outline: none;
     border-color: #007bff;
     box-shadow: 0 0 5px rgba(0, 123, 255, 0.3);
@@ -74,4 +73,16 @@ textarea {
     font-family: monospace;
     font-size: 14px;
     box-sizing: border-box;
+}
+
+#result {
+    margin-top: 2rem;
+}
+
+#message {
+    font-size: 16px;
+    padding: 1rem;
+    border-radius: 5px;
+    background-color: #fff;
+    border: 1px solid #e2e8f0;
 }