:root { --fg-light-mode: #454545; --bg-light-mode: #fefefe; --fg-dark-mode: #ccc; --bg-dark-mode: #111; } body { font-family: monospace, sans-serif; color: var(--fg-light-mode); font-size: 16px; margin: 2em auto; max-width: 800px; padding: 1em; line-height: 1.4; overflow-wrap: break-word; background-color: var(--bg-light-mode); } @media (prefers-color-scheme: dark) { color: var(--fg-dark-mode); background-color: var(--bg-dark-mode); } a { color: #07a; } a:visited { color: #941352; } .tableWrapper { max-width: 100%; overflow-x: scroll; } table { border-collapse: collapse; margin: 1em auto; max-width: 100%; } th, td { padding: 1em; border: 1px solid #454545; margin: 0; } pre { padding: 1em; overflow: scroll; } code, pre{ background-color: #d9d9d9 ; color: #000; } details { padding: 1em 0 1em 0; } summary > * { display: inline } li { margin-bottom: 1em; } blockquote { border-left: 0.4em solid #454545; margin-left: 0; padding-left: 1em; padding-top: 0.5em; padding-bottom: 0.5em; } blockquote * { margin: 0; } img, video { margin: 0 auto; display: block; max-width: 100%; } figcaption { margin: 0 auto; max-width: 100%; } kbd { background-color: #d9d9d9; border-radius: 0.25em; padding: 0.2em; box-shadow: 0.15em 0.15em 0 #c9c9c9; margin-left: 0.2em; margin-right: 0.2em; }