From fbcd7bf4fece54040b3222f39e469c3b8963be5e Mon Sep 17 00:00:00 2001 From: Kathirvel <72185191+kathirvel13@users.noreply.github.com> Date: Sun, 15 Dec 2024 07:42:03 +0530 Subject: [PATCH] Add general styles Update styles.css to add general styles --- styles.css | 91 ++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 91 insertions(+) diff --git a/styles.css b/styles.css index e69de29..35c5407 100644 --- a/styles.css +++ b/styles.css @@ -0,0 +1,91 @@ +body { + font-family: 'Arial', sans-serif; + background-color: #f4f4f9; + color: #333; + margin: 0; + padding: 0; +} + +.container { + max-width: 600px; + margin: 50px auto; + padding: 20px; + background-color: #fff; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); + border-radius: 8px; +} + +h1 { + text-align: center; + color: #4CAF50; + font-size: 24px; +} + +form { + display: flex; + flex-direction: column; +} + +.form-group { + margin-bottom: 20px; +} + +label { + font-size: 16px; + margin-bottom: 8px; + color: #555; +} + +input[type="text"], +input[type="number"], +input[type="date"], +select { + width: 100%; + padding: 10px; + margin: 5px 0; + border: 1px solid #ccc; + border-radius: 4px; + font-size: 14px; + background-color: #f9f9f9; +} + +button.submit-btn { + padding: 12px; + background-color: #4CAF50; + color: white; + font-size: 16px; + border: none; + border-radius: 4px; + cursor: pointer; + transition: background-color 0.3s ease; +} + +button.submit-btn:hover { + background-color: #45a049; +} + +.message { + margin-top: 20px; + padding: 15px; + background-color: #e8f7e8; + border: 1px solid #d0f4d7; + border-radius: 5px; + text-align: center; +} + +.message h3 { + color: #4CAF50; +} + +.message p { + color: #333; +} + +input[type="text"]:focus, +input[type="number"]:focus, +input[type="date"]:focus, +select:focus { + border-color: #4CAF50; + outline: none; + background-color: #fff; +} \ No newline at end of file