styles.css 1.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586
  1. /* Basic reset */
  2. * {
  3. margin: 0;
  4. padding: 0;
  5. box-sizing: border-box;
  6. }
  7. body {
  8. font-family: 'Arial', sans-serif;
  9. line-height: 1.6;
  10. padding: 20px;
  11. background-color: #f4f4f4;
  12. }
  13. header {
  14. background: #333;
  15. color: #fff;
  16. padding-top: 30px;
  17. min-height: 70px;
  18. border-bottom: #0779e4 3px solid;
  19. }
  20. header a {
  21. color: #fff;
  22. text-decoration: none;
  23. text-transform: uppercase;
  24. margin: 0 15px;
  25. }
  26. header li {
  27. display: inline;
  28. padding: 0 20px;
  29. }
  30. header nav {
  31. text-align: center;
  32. }
  33. main {
  34. padding: 20px;
  35. }
  36. h2 {
  37. color: #333;
  38. }
  39. table {
  40. width: 100%;
  41. margin-top: 20px;
  42. border-collapse: collapse;
  43. }
  44. table, th, td {
  45. border: 1px solid #bbbbbb;
  46. padding: 10px;
  47. text-align: left;
  48. }
  49. th {
  50. background-color: #f8f8f8;
  51. }
  52. form {
  53. background-color: #fff;
  54. padding: 20px;
  55. border-radius: 5px;
  56. }
  57. form p, form h3 {
  58. margin: 15px 0;
  59. }
  60. button, input[type="submit"] {
  61. background: #0d6efd;
  62. color: #fff;
  63. border: 0;
  64. padding: 10px 20px;
  65. cursor: pointer;
  66. border-radius: 5px;
  67. }
  68. button:hover, input[type="submit"]:hover {
  69. background: #0b5ed7;
  70. }
  71. /* Add any additional styles as needed */