1. /* Body and Background */
2. body {
3.     font-family: Arial, sans-serif;
4.     background-color: #f4f4f4;
5.     margin: 0;
6.     padding: 0;
7. }
8.  
9. .container {
10.     width: 100%;
11.     max-width: 500px; /* Adjust width as needed */
12.     margin: 0 auto;
13.     padding: 20px;
14.     background-color: #fff;
15.     border-radius: 8px;
16.     box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
17. }
18.  
19. h1 {
20.     margin-top: 0;
21.     color: #333;
22. }
23.  
24. /* Form */
25. form {
26.     margin-top: 20px;
27. }
28.  
29. input[type="text"],
30. textarea {
31.     width: 100%;
32.     padding: 10px;
33.     margin-bottom: 20px;
34.     border: 1px solid #ccc;
35.     border-radius: 4px;
36. }
37.  
38. button[type="submit"] {
39.     width: 100%;
40.     padding: 10px;
41.     background-color: #0075c2;
42.     color: #fff;
43.     border: none;
44.     border-radius: 4px;
45.     cursor: pointer;
46.     transition: background-color 0.3s ease;
47. }
48.  
49. button[type="submit"]:hover {
50.     background-color: #005aa7;
51. }
52.  
53. /* Message */
54. .message {
55.     color: #cc0000;
56.     margin-bottom: 20px;
57. }
58.  
59. /* Footer */
60. .footer {
61.     margin-top: 20px;
62.     text-align: center;
63.     font-size: 14px;
64.     color: #666;
65. }
66.