pop.css 1.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768
  1. body {
  2. background-image: url(https://abrakadabra.fun/uploads/posts/2022-02/1644176253_1-abrakadabra-fun-p-povtoryayushchiisya-fon-dlya-saita-1.jpg);
  3. margin: 0;
  4. font-family: Arial, sans-serif;
  5. font-size: 18px;
  6. line-height: 1.5;
  7. }
  8. header {
  9. background-color: darkcyan;
  10. color: ##FF69B4;
  11. padding: 10px;
  12. }
  13. nav ul {
  14. margin: 0;
  15. padding: 0;
  16. list-style: none;
  17. display: flex;
  18. }
  19. nav ul li {
  20. margin-right: 10px;
  21. }
  22. nav ul li:last-child {
  23. margin-right: 0;
  24. }
  25. nav ul li a {
  26. color: #fff;
  27. text-decoration: none;
  28. font-weight: bold;
  29. }
  30. main {
  31. padding: 20px;
  32. max-width: 800px;
  33. margin: 0 auto;
  34. }
  35. h1 {
  36. font-size: 36px;
  37. text-align: center;
  38. }
  39. button {
  40. display: block;
  41. margin: 0 auto;
  42. padding: 10px 20px;
  43. background-color: #333;
  44. color: #fff;
  45. border: none;
  46. border-radius: 5px;
  47. font-size: 18px;
  48. cursor: pointer;
  49. }
  50. button:hover {
  51. background-color: #555;
  52. }
  53. footer {
  54. background-color: darkcyan;
  55. color: #fff;
  56. padding: 10px;
  57. text-align: center;
  58. }