Theme[ fg bg a av ] let[ fg bg a av ]

body: {[
  max-width: 800px:
  width: 90%:
  font-family: %s[ Verdana, Geneva, Tahoma, sans-serif ]
  font-size: 20px:
  margin-left: auto:
  margin-right: auto:
]

body,input,textarea: {[
  background: Theme .bg
  color: Theme .fg
]

blockquote: {[
    font-style: italic:
]
td: {[ margin: 5px: ]
a: {[ color: Theme .a ]

a:visited: {[ color: Theme .av ]
pre:has(code): {[
    padding: 5px:
    border: %s[ 1px teal solid ]
]

code: {[
    color: burlywood:
    white-space: nowrap:
    font-family: monospace:
    font-size: 19px:
]

".footnote" {[
  font-style: italic:
]

":target" {[
    background: Theme .bg
    color:  Theme .av
    border-top: %s[ 4px solid @fg ] 
    border-bottom: %s[ 4px solid @fg ]
]

"pre code" {[
    white-space: unset:
]

h2,h3,h4,h5,h6: {[
    margin-top: 40px:
]

footer: {[
  margin-top: 40px:
  line-height: 1.4:
]