example.css

   1 /*
   2 Check these with the color contrast checker:
   3 https://www.accessibilitychecker.org/color-contrast-checker/
   4 */
   5
   6 body
   7 {
   8         /* font-family: 'times new roman', times, serif; */
   9   font-family: monospace;
  10         font-size:1.8vmax;
  11   margin: 1vmax;
  12 }
  13
  14 table, th, td {
  15   border: 1px solid;
  16   border-collapse: collapse;
  17 }
  18
  19 th, td {
  20   padding: .5em;
  21 }
  22
  23 h1 {
  24         font-size: 3vmax;
  25         font-weight: 400;
  26         letter-spacing: 3px;
  27 }
  28
  29 h2 {
  30         padding-left: 1vmax;
  31   font-family: monospace;
  32         font-size:2.5vmax;
  33 }
  34
  35 h3, h4 {
  36         padding-left: 1vmax;
  37         font-size:2.4vmax;
  38 }
  39
  40 img {
  41     max-width: 300px;
  42     box-shadow: 0.2em 0.2em #757575d2
  43 }
  44
  45 /* Code Block Defaults */
  46
  47 pre {
  48     font-size: 2.2vmax;
  49     background-color: var(--code-bg-color);
  50 }
  51 code {
  52     font-size: 2.2vmax;
  53     background-color: var(--code-bg-color);
  54 }
  55
  56 .content {
  57   align-content: center;
  58         margin: 1vmax;
  59   margin-left: 1vmax;
  60   margin-right: 1vmax;
  61   max-width: 95%;
  62 }
  63
  64 /* Make quotes stand out a bit more */
  65 blockquote {
  66   border-style: outset;
  67   padding: 1vmax;
  68 }