chore: Update form element styles and add support for dark mode

style.css

@@ -9,19 +9,24 @@ body {
     align-items: center;
     justify-content: center;
 }
-  
+
 h1 {
     font-size: 18px;
 }
 
 textarea, input[type="file"] {
     width: 290px;
+    box-sizing: border-box;
     margin-bottom: 10px;
     padding: 5px;
     border: 1px solid #cccccc;
     border-radius: 4px;
 }
-
+
+textarea {
+    resize: vertical;
+}
+
 button {
     width: 290px;
     padding: 10px;
@@ -32,42 +37,46 @@ button {
     cursor: pointer;
     margin-top: 10px;
 }
-  
+
 button:hover {
     background-color: #45a049;
 }
-  
+
 #links {
     margin-top: 10px;
 }
-
 
 /* Dark mode styles */
 @media (prefers-color-scheme: dark) {
     body {
-        font-family: Arial, sans-serif;
-        width: 300px;
-        padding: 10px;
         background-color: #333333;
         color: #ffffff;
     }
-  
+
     textarea, input[type="file"] {
         background-color: #444444;
         color: #ffffff;
+        border: 1px solid #666666;
+        box-sizing: border-box;
+    }
+
+    textarea::placeholder {
+        color: #ffffff;
     }
-  
+
     button {
         background-color: #3e8e41;
     }
-  
+
     button:hover {
         background-color: #357a38;
     }
+
     #links {
-        margin-top: 10px;
+        color: #ffffff;
     }
+
     a {
         color: #ffffff;
     }
-}
+}