diff --git a/index.html b/index.html index 23206b2..be3fc86 100644 --- a/index.html +++ b/index.html @@ -1,20 +1,24 @@ + - Document + Login Form + + + - -
+ -
-
+ + - + + \ No newline at end of file diff --git a/style.css b/style.css index e69de29..6091da5 100644 --- a/style.css +++ b/style.css @@ -0,0 +1,59 @@ +* { + box-sizing: border-box; + margin: 0; + padding: 0; +} +body { + font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; + background-color: #f0f2f5; + display: flex; + justify-content: center; + align-items: center; + min-height: 100vh; +} +form { + background-color: #ffffff; + padding: 2rem; + border-radius: 8px; + box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); + width: 100%; + max-width: 400px; + display: flex; + flex-direction: column; + gap: 1rem; +} +label { + font-weight: 600; + color: #333; + margin-bottom: 0.25rem; +} +input[type="text"], +input[type="password"], +input[type="number"] { + padding: 0.75rem; + border: 1px solid #ccc; + border-radius: 4px; + font-size: 1rem; + transition: border-color 0.2s; +} +input[type="text"]:focus, +input[type="password"]:focus, +input[type="number"]:focus { + border-color: #007bff; + outline: none; +} +button[type="submit"] { + background-color: #007bff; + color: white; + padding: 0.75rem; + border: none; + border-radius: 4px; + font-size: 1rem; + font-weight: 600; + cursor: pointer; + transition: background-color 0.2s; + margin-top: 1rem; +} +button[type="submit"]:hover { + background-color: #0056b3; +} \ No newline at end of file