body{margin:40px auto;max-width:650px;line-height:1.6;font-size:16px;font-family:lora,serif;padding:0 10px}h1,h2,h3,h4{line-height:1.2;font-family:inter,sans-serif}img{max-width:500px;max-height:500px;height:auto;display:block;margin:auto;width:50%}a{text-decoration:none}:root{--color-text:#444;--color-background:#eee}@media(prefers-color-scheme:dark){:root{--color-text:#eee;--color-background:#444;a { color: #66b3ff; } a:hover { color: #ffffff; }}}body{color:var(--color-text);background-color:var(--color-background);transition:background-color .3s,color .3s}