:root { --txt: #ccc; --code: #aaa; --codebg: rgba(32,32,32,.8); --acc: rgba(225,180,225,.3); --sz: #666;}html, body { margin: 0; padding: 0}html {}body { background: url(/static/img/bg4.avif) #000; background-blend-mode: luminosity; background-size: cover; background-position: center; background-attachment: fixed; color:var(--txt); font-family: monospace; font-size:14pt; text-align: center;}page { margin-left: 50%; transform: translateX(-50%); width: 40em; display: block; min-height: 50vh; line-height:20pt;}@media only screen  and (max-device-width: 40em)  and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {   html {   width: 40em;    background: url(/static/img/bg4.avif) #000;    background-blend-mode: luminosity;    background-size: cover;    background-position: center;    background-attachment: fixed;  }  body{   font-size: 2em;   width: 40em;  }  page {   margin-left: 0;   transform: none;  }}body.index { background-blend-mode: normal;}hr { border: 1px solid #222;}txt { margin: 0; overflow-x: auto; white-space: pre-wrap;}code { background:var(--codebg); color:var(--code); font-family: hack, 'fira code', monospace;}main { background: rgba(0, 0, 0, .77); min-height: 100vh; }a,a:visited { color: #cf9fef; text-decoration: none;}a.x,a.x:visited { color: inherit;}h1,h2 { font-size: inherit; font-weight: inherit; letter-spacing: .5em;}list.posts li{ display:block; border-radius: 3px;}list.posts li:hover{ background: rgba(255,255,255,.05);}block{ display: block; text-align: left;}pre { display: block; font-family:hack,'fira code',monospace; background:var(--codebg); border-left: 2px solid var(--acc); color:var(--code); overflow-x: auto; padding: .5em; text-align: left; white-space: pre-wrap; word-wrap: anywhere;}size{ display: block; color:var(--sz); opacity:.6;}list size{ display: inline; float: right;}