/* The page backdrop and header bar every craggy.io site shares, linked before each site's own stylesheet:
   a teal and an amber glow over a faint grid, fixed behind the page, and a sticky translucent header bar that
   spans the whole window even when the page content is capped in width. */
html{background:#0c1419}
body{background:transparent;position:relative;isolation:isolate;overflow-x:clip}
body:before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background:
 radial-gradient(ellipse 55% 75% at 0% 20%,rgba(94,214,197,.24),rgba(94,214,197,.06) 55%,transparent 75%),
 radial-gradient(ellipse 55% 70% at 100% 90%,rgba(255,181,71,.14),rgba(255,181,71,.03) 55%,transparent 75%),
 linear-gradient(rgba(228,236,231,.04) 1px,transparent 1px) 0 0/44px 44px,
 linear-gradient(90deg,rgba(228,236,231,.04) 1px,transparent 1px) 0 0/44px 44px,
 #0c1419}
.header{position:sticky;top:0;z-index:10}
.header:before{content:'';position:absolute;z-index:-1;top:0;bottom:0;left:calc(50% - 50vw);width:100vw;background:rgba(10,16,20,.82);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(228,236,231,.06)}