html { color-scheme: light dark;}@media(prefers-color-scheme: light) { body { background-color:#f0d0d0; }}@media(prefers-color-scheme: dark) { body { background-color:#200020; }}:root { --post-width: 95%; --post-radius: 2rem; --post-padding: 1rem;}@media(min-width: 60rem) { :root { --post-padding: 5rem; --post-width: 50%; }}body { width:100%; height:100%; display:flex; align-items:center; text-align:center; justify-content:center; flex-direction:column; font-family: sans-serif;}#about { text-align:center; max-width: var(--post-width); font-size: .75rem;}.posts { display:flex; flex-direction:column; align-items:center; max-width: var(--post-width);} .post { border: 5px solid; border-radius: var(--post-radius); padding: var(--post-padding); display:flex; flex-direction:column; margin-top:2rem;}.post-body {}.post-footer { font-style:italic; margin-top:1rem; display:flex; flex-direction:column;}