page.css 705 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859
  1. * {
  2. box-sizing: border-box;
  3. }
  4. body {
  5. font-size: 1.4em;
  6. font-family: 'Varela Round', sans-serif;
  7. font-weight: bold;
  8. color: #6e859c;
  9. padding: 0;
  10. margin: 0;
  11. background: #e8e9c9;
  12. }
  13. .grid {
  14. background: #fff;
  15. border-radius: 0.285em;
  16. box-shadow: 0 0.1em 0 0 rgba(0, 0, 0, 0.1);
  17. margin: 20px auto;
  18. }
  19. .item {
  20. border-radius: 5px;
  21. padding: 10px;
  22. }
  23. .item:nth-child(odd) {
  24. background: #7092be;
  25. color: #ffffff;
  26. }
  27. .item:nth-child(even) {
  28. background: #a1cee9;
  29. color: #ffffff;
  30. }
  31. .container {
  32. color: #ffffff;
  33. }
  34. header {
  35. background: #3088bc;
  36. }
  37. main {
  38. background: #a4d2ec;
  39. }
  40. nav {
  41. background: #fbaba7;
  42. }
  43. aside {
  44. background: #67da89;
  45. }
  46. footer {
  47. background: #69859a;
  48. }