diff --git a/style.css b/style.css index 66c6faf..a10ca50 100644 --- a/style.css +++ b/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; } -} \ No newline at end of file +}