style.css 652 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344
  1. body {
  2. font-family: Arial, sans-serif;
  3. background-color: #f4f4f4;
  4. margin: 0;
  5. padding: 0;
  6. }
  7. .container {
  8. max-width: 600px;
  9. margin: 50px auto;
  10. background-color: #fff;
  11. padding: 20px;
  12. border-radius: 8px;
  13. box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  14. }
  15. form {
  16. display: flex;
  17. flex-direction: column;
  18. gap: 10px;
  19. }
  20. label {
  21. font-weight: bold;
  22. }
  23. input {
  24. padding: 8px;
  25. font-size: 16px;
  26. }
  27. button {
  28. padding: 10px;
  29. font-size: 16px;
  30. background-color: #007bff;
  31. color: #fff;
  32. border: none;
  33. cursor: pointer;
  34. border-radius: 4px;
  35. }
  36. button:hover {
  37. background-color: #0056b3;
  38. }