:root{--color-flood:#020417;--color-text-over-flood:white;--color-accent:#ff3573;--basis:3rem}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;overflow-x:hidden}*{backface-visibility:hidden;margin:0;padding:0;font-size:1em;font-weight:300;text-decoration:none;list-style:none}:root{--color-highlight:var(--color-accent);--color-text:#000;--color-bg:#fff;--basis-header-link-pill-padding-h:calc(var(--basis)*.5);--basis-padding:calc(var(--basis-header-link-pill-padding-h) + 2px);--basis-header-sp:calc(var(--basis)*.75);background-color:var(--color-bg);color:var(--color-text)}body{&:before{content:"hey";width:100%;height:calc(var(--basis)/2);background:var(--color-flood);z-index:20;background-blend-mode:color-dodge;background:url(../gli.93892c0a.gif) 0/cover,url(../gli.93ca0817.jpg) 50%/cover;display:block;position:relative}}header{padding:calc(var(--basis)*.25);z-index:10;box-sizing:border-box;mix-blend-mode:exclusion;flex-direction:row;justify-content:space-between;align-items:center;width:100%;display:flex;position:sticky;top:0;left:0;right:0;&:hover a{backdrop-filter:blur(var(--basis))}& a{padding:calc(var(--basis)*.25)var(--basis-header-link-pill-padding-h);color:#fff;border:2px solid #404040;border-radius:100vmax;font-size:1rem;transition-property:background,color;transition-duration:.2s;display:block;&:hover{color:#000;background:#fff}}}.article-wrapper{z-index:9;padding-top:calc(var(--basis)*4);margin-top:calc(var(--basis)*-4);padding-bottom:9px;padding-left:calc(var(--basis)*.25);padding-right:calc(var(--basis)*.25);display:block;overflow:hidden}.article-zone{display:block}article{max-width:calc(var(--basis)*14);padding:var(--basis-padding);margin:0 auto 20px;line-height:1.4;& date{opacity:.75;text-transform:uppercase;margin-bottom:0;font-size:.75rem;display:block}& p,& ul,& ol,& pre{margin-bottom:1rem}& a{color:var(--color-highlight);text-decoration:underline 1px wavy;text-decoration-color:hsl(from var(--color-highlight)h s l/50%)}& del{text-decoration:line-through 3px}& h1{margin-bottom:var(--basis-header-sp);font-weight:600}& h2,& h3,& h4,& h5,& h6{margin-top:1.5em;margin-bottom:.5em;font-weight:600}& h1{font-size:2rem}& h2{font-size:1.5rem}& h3{font-size:1.25rem}& pre{background:hsl(from var(--color-text)h s l/5%);border-radius:calc(var(--basis)*.25);padding:calc(var(--basis)*.25);margin-left:calc(var(--basis)*-.25);margin-right:calc(var(--basis)*-.25);overflow-x:auto}& ol,& ul{padding-left:calc(var(--basis)*.5)}& li{margin-bottom:.25em;list-style-position:outside;display:list-item}& ol li{list-style-type:decimal}& ul li{list-style-type:disc}}
/*# sourceMappingURL=index.2b4e92f5.css.map */