.code-block{background:var(--color-block-background);padding:18px;box-shadow:var(--shadow);}.code-block pre{color:var(--color-code);white-space:pre;width:100%;line-height:18px;display:block;font-family:"Departure Mono",monospace;font-size:16.5px;padding:0;margin:0;}.code-block pre .number{color:var(--color-code-number);}.code-block pre .comment{color:var(--color-code-comment);}.code-block pre .instruction{color:var(--color-code-instruction);}.code-block pre .ln{color:var(--color-code-ln);}.resize{width:80%;max-width:1200px;margin:0 auto;}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--unit)*2);}.grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:calc(var(--unit)*2);}.span-2{grid-column:span 2;}.span-3{grid-column:span 3;}@media(max-width:1200px){.resize{width:90%;}}@media(max-width:900px){.resize{width:100%;padding:0 var(--unit);}.grid-2,.grid-3{gap:var(--unit);}}@media(max-width:700px){.grid-2{grid-template-columns:1fr;}.grid-3{grid-template-columns:1fr 1fr;}.span-2{grid-column:span 1;}.span-3{grid-column:span 2;}}@media(max-width:360px){.grid-3{grid-template-columns:1fr;}.span-3{grid-column:span 1;}}:root{--color-background:#0aa;--color-header-background:#fff;--color-text:#fff;--color-h2:#ff5;--color-h1:#fff;--color-block-background:#00a;--shadow:9px 9px 0 rgba(0,0,0,0.2);--color-accent:#a0a;--color-accent-text:#fff;--color-screenshot-button:rgba(255,255,255,0.1);--color-code:#fff;--color-code-number:#5ff;--color-code-comment:#fff;--color-code-instruction:#ff5;--color-code-ln:#aaa;--color-example-link-background:#fff;--color-example-link-text:#a0a;}body,html{font-family:"Departure Mono",monospace;margin:0;padding:0;background:var(--color-header-background);color:var(--color-text);}body{padding:0 0 calc(var(--unit)*4) 0;}.background{width:100%;height:100%;background:var(--color-background);}.container{font-size:16.5px;line-height:calc(var(--unit)*2);padding:calc(var(--unit)*4) 0;position:relative;}.introduction a{color:var(--color-text);}.introduction .title{padding:calc(var(--unit)*2) 0 0 0;}.introduction .dots{display:flex;flex-direction:column;padding:0!important;}.introduction .dots p{padding:var(--unit) 0;}.introduction .dots p:first-child{padding-top:calc(var(--unit)*2);}.introduction .dots p:last-child{padding-bottom:calc(var(--unit)*2);}:root{--unit:9px;font-synthesis:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;}p{padding:0 0 var(--unit) 0;margin:0;}h1{margin:0;padding:calc(var(--unit)*2) 0 calc(var(--unit)*4) 0;font-size:88px;line-height:calc(var(--unit)*8);color:var(--color-h1);}h2{margin:0;padding:0;font-size:22px;line-height:calc(var(--unit)*3);color:var(--color-h2);}.examples{padding-top:calc(var(--unit)*8);}.examples img{width:100%;height:auto;display:block;}.examples a{background:var(--color-example-link-background);text-decoration:none;color:var(--color-example-link-text);box-shadow:var(--shadow);}.examples .description{padding:calc(var(--unit)*2);}#background{position:absolute;top:0;left:0;width:100%;height:100%;}.navbar{width:100%;background:var(--color-header-background);}.navbar nav{display:flex;flex-direction:row;}.navbar nav a{padding:calc(var(--unit)*2);display:block;text-decoration:none;color:var(--color-accent);}.navbar nav a.editor{background:var(--color-accent);color:var(--color-accent-text);}.screenshot{will-change:background-position;background:url(https://static.llllllllllll.com/8f4e/screenshots/1.png);display:flex;align-items:center;justify-content:center;padding:calc(var(--unit)*4) 0;box-shadow:var(--shadow);}.screenshot a{padding:calc(var(--unit)*3) calc(var(--unit)*4);color:var(--color-accent-text);background:var(--color-screenshot-button);backdrop-filter:blur(10px);text-decoration:none;}