/* General */ * { box-sizing: border-box; } body { font-family: system-ui, sans-serif; margin: 0; padding: 12px; } h1 { font-size: 2.4rem; margin-top: 0; padding: 0; } h2,h3,h4,h5,h6{ margin: 1.4rem 0 0; } img { height: auto; max-width: 100%; } pre.highlight { border: 1px solid; box-shadow: 0 10px 6px -6px rgba(0,0,0, 0.11); overflow: auto; padding: 8px; } blockquote { background: rgba(0,0,0,0.05); border-left: 4px solid; margin: 2rem 0 2rem 1rem; padding: 8px 8px 8px 16px; } blockquote p { margin: 0; } table { border-collapse: collapse; margin: 1rem 0; text-align: left; width: 100%; } table tr { border-bottom: 1px solid; } table td, table th { padding: 4px; } figcaption { font-style: italic; } .post-date { display: block; margin-top: 5px; } .post-date, .footnotes { font-size: 85%; } hr { border-bottom: 0; border-top: 1px solid; margin: 2rem 0; padding: 0; } p { line-height: 1.4; } .wrapper { margin: 0 auto; max-width: 45rem; } header { margin: 1rem 0 2rem; } footer { margin: 2rem 0; }