main.css 672 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455
  1. body {
  2. margin:40px auto;
  3. max-width:800px;
  4. line-height:1.6;
  5. font-size:18px;
  6. font-family: Sans-Serif;
  7. color:#444;
  8. padding: 1em;
  9. padding: 0 10px;
  10. }
  11. h1,h2,h3 {
  12. line-height:1.2;
  13. }
  14. h3 a:link {
  15. text-decoration: none;
  16. }
  17. h3 a:visited {
  18. text-decoration: none;
  19. }
  20. h3 a:hover {
  21. text-decoration: none;
  22. }
  23. h3 a:active {
  24. text-decoration: none;
  25. }
  26. @media (prefers-color-scheme: dark) {
  27. body {
  28. color:#ebecf7;
  29. background-color:#171b25;
  30. }
  31. h3 a:visited {
  32. color:#a15cb3;
  33. }
  34. h3 a {
  35. color:#5661bb;
  36. }
  37. a:visited {
  38. color:#ac71bb;
  39. }
  40. a {
  41. color:#a7b1fc;
  42. }
  43. }
  44. @media (prefers-color-scheme: light) {
  45. body {
  46. color:#444;
  47. }
  48. }