From 3e82d88ede1290a4bacb398b593d435d09cf9535 Mon Sep 17 00:00:00 2001 From: Pravin+- Date: Tue, 13 Jan 2026 13:23:32 +0530 Subject: [PATCH] Fix form alignment, add age field, and update colors (Resolves #1, #2, #3) --- index.html | 32 ++++++++++++++++-------- style.css | 73 ++++++++++++++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 94 insertions(+), 11 deletions(-) diff --git a/index.html b/index.html index 23206b2..b8f5181 100644 --- a/index.html +++ b/index.html @@ -3,18 +3,28 @@ - Document + Login Form + - -
- - -
- - -
- - +
+ + +

Login

+
+ + +
+
+ + +
+
+ + +
+ + +
\ No newline at end of file diff --git a/style.css b/style.css index e69de29..a76aaa0 100644 --- a/style.css +++ b/style.css @@ -0,0 +1,73 @@ +* { + box-sizing: border-box; + margin: 0; + padding: 0; + font-family: 'Arial', sans-serif; +} + +body { + display: flex; + justify-content: center; + align-items: center; + min-height: 100vh; + background-color: #6af099; +} + +.login-form { + background-color: #eaf25d; + padding: 30px; + border-radius: 8px; + box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); + width: 350px; + display: flex; + flex-direction: column; + gap: 15px; +} + +.login-form h2 { + text-align: center; + color: #333; + margin-bottom: 20px; +} + +.form-group { + display: flex; + flex-direction: column; + gap: 5px; +} + +label { + font-size: 14px; + color: #555; + font-weight: bold; +} + +input { + padding: 10px; + border: 1px solid #ccc; + border-radius: 4px; + font-size: 16px; + outline: none; + transition: border-color 0.3s; +} + +input:focus { + border-color: #007bff; +} + +button { + padding: 12px; + background-color: #007bff; + color: white; + border: none; + border-radius: 4px; + font-size: 16px; + cursor: pointer; + font-weight: bold; + transition: background-color 0.3s; + margin-top: 10px; +} + +button:hover { + background-color: #0056b3; +} \ No newline at end of file