style.css 1.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566
  1. @font-face {
  2. font-family: 'Metrophobic';
  3. font-style: normal;
  4. font-weight: 400;
  5. src: url('metrophobic-v23-latin-regular.woff2') format('woff2');
  6. }
  7. * {
  8. box-sizing: border-box;
  9. }
  10. body {
  11. background-color: #000;
  12. color: #aaa;
  13. font: 18px Metrophobic, sans-serif;
  14. }
  15. a:link, a:visited, a:active {
  16. color: #58a;
  17. text-decoration: none;
  18. }
  19. a:hover {
  20. color: #5ad;
  21. }
  22. main {
  23. width: 900px;
  24. margin: 10px auto;
  25. padding: 10px 50px 25px;
  26. background-color: #111;
  27. box-shadow: 0 0 5px #222;
  28. table {
  29. td, th {
  30. padding: 0.25em 0.5em;
  31. }
  32. tbody {
  33. td:nth-child(1),
  34. td:nth-child(2) {
  35. font-family: inherit;
  36. text-align: inherit;
  37. }
  38. td {
  39. font-family: monospace;
  40. text-align: right;
  41. }
  42. }
  43. }
  44. }
  45. @media (prefers-color-scheme: light) {
  46. body {
  47. background-color: #fff;
  48. color: #555;
  49. }
  50. a:link, a:visited, a:active {
  51. color: #358;
  52. }
  53. a:hover {
  54. color: #38b;
  55. }
  56. main {
  57. background-color: #eee;
  58. box-shadow: 0 0 5px #ddd;
  59. }
  60. }