body{color:#333;font-size:1.2em;font-family:poppins,sans-serif;margin:0;overflow-y:scroll}h1,h2{font-weight:400}img{max-width:100%;height:auto}article img,main img{box-shadow:1px 1px 2px 1px rgba(0,0,0,.25)}article a.image-zoom img{cursor:zoom-in}a,a:visited{color:#00f;transition:all 100ms}blockquote{border-left:2px solid grey;padding-left:12px;color:#aaa;margin:20px}iframe{max-width:100%}iframe[src*=youtube]{width:100%;height:auto;aspect-ratio:16/9}main{padding:0 15px;margin:0 auto;max-width:600px}.site-header{background-color:#fff;width:100%;border-bottom:1px solid #eee;position:sticky;top:0;z-index:1;margin-bottom:15px;box-shadow:0 1px 5px rgba(0,0,0,.15);animation:header-slide-in 600ms ease 200ms both}@keyframes header-slide-in{from{transform:translateY(-100%)}to{transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.site-header{animation:none}}.site-header-body{max-width:600px;margin:0 auto;padding:0 15px}.site-header h1{margin:0}.navbar{padding-left:0;margin-top:0}.navbar li{display:inline-block;margin-right:12px}footer{background-color:#fff;border-top:1px solid #ddd}footer p{font-size:.7em;margin:0 auto;padding:6px 15px;max-width:600px}.post-list-item{margin-bottom:36px}h3.post-title{margin:0;font-weight:400}.datetime{font-size:.8em;margin-top:0}.image-link{display:inline-block}.post-hr,.post-hr-back{border-style:solid;color:#eaeaea}.post-hr{width:90%}.post h2{margin-bottom:0}.post h3{font-weight:400;margin-top:0}.content pre{font-size:14px;overflow-x:auto;padding:12px}dialog.lightbox{padding:0;border:0;background:0 0;max-width:100vw;max-height:100vh;cursor:zoom-out}dialog.lightbox::backdrop{background:rgba(0,0,0,.85)}dialog.lightbox img{display:block;max-width:95vw;max-height:95vh;width:auto;height:auto;box-shadow:none}body:has(dialog.lightbox[open]){overflow:hidden}