diff --git a/style_project.css b/style_project.css new file mode 100644 index 0000000..c4a4b84 --- /dev/null +++ b/style_project.css @@ -0,0 +1,66 @@ +/* Basic styling for the body */ +body { + font-family: Arial, sans-serif; + background-color: #f0f0f0; + /* padding: 20px; */ + display: flex; + justify-content: center; + /* align-items: center; */ + height: 100vh; +} + +/* Container for form */ +.container { + background-color: white; + padding: 20px; + border-radius: 10px; + box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); + width: 300px; + text-align: left; +} + +/* Heading styling */ +h1 { + text-align: center; + color: #333; +} + +/* Label styling */ +label { + font-size: 14px; + color: #333; + margin-top: 10px; + display: block; +} + +/* Input fields styling */ +input[type="text"], input[type="date"], select { + width: 100%; + padding: 8px; + margin-top: 5px; + margin-bottom: 15px; + border: 1px solid #ccc; + border-radius: 5px; + box-sizing: border-box; +} + +/* Radio button styling */ +input[type="radio"] { + margin-right: 5px; +} + +/* Submit button styling */ +input[type="submit"] { + width: 100%; + background-color: #4CAF50; + color: white; + padding: 10px; + border: none; + border-radius: 5px; + cursor: pointer; + font-size: 16px; +} + +input[type="submit"]:hover { + background-color: #45a049; +}