::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888}::-webkit-scrollbar-thumb:hover{background:#555}body{--logo: url(logo-black.f8921f856be0a8b5.png);--logo-hover: url(logo-solid.d6732d9389c00f4f.png);--primary-bg: white;--primary-fg: black;--primary-btn-fg: lightgray;--primary-btn-bg: #373837;--block-bg: #d8d9da;--card-bg: #b8b9ba;--font-size: 1em;--btn-font-size: .9em;--outline-bg: #ccc;margin:0;background:var(--outline-bg);color:var(--primary-fg);font-family:Arial;transition:background-color .4s,font-size .4s ease;font-size:var(--font-size)}body.dark{--logo: url(logo-white.84a7c0e1a7863052.png);--primary-bg: #363535;--primary-fg: white;--primary-btn-fg: #ffffff;--primary-btn-bg: #aaadaa;--block-bg: #1e2022;--card-bg: #4e5052;--outline-bg: #222}body.l-font{--font-size: 1.2em;--btn-font-size: 1em}body.xl-font{--font-size: 1.6em;--btn-font-size: 1em}::selection{color:var(--primary-btn-fg);background:var(--primary-btn-bg)}a{color:var(--primary-fg)}button{color:var(--primary-btn-fg);background:var(--primary-btn-bg);padding:3px 5px;border:none;border-radius:4px;font-size:var(--btn-font-size);margin:0 5px}button:hover{cursor:pointer}button:disabled,button[disabled]{border:1px solid #999999;background-color:#ccc;color:#666;cursor:not-allowed}#outline-container{max-width:1200px;margin:10px;position:relative}#outline{border:2px solid var(--primary-fg);background:var(--primary-bg)}#content{position:relative;z-index:0}#main{position:relative;width:100%;max-width:1200px;margin:0 auto;overflow:hidden}.block,.block-wide{position:relative;margin:2rem auto;width:94%;max-width:880px;background:var(--block-bg);border:2px solid var(--primary-fg);padding:0 1rem;box-sizing:border-box;z-index:1}.block{max-width:480px}.block-wide{margin-left:auto;margin-right:auto;background:none;border:none}.block:before{content:" ";position:absolute;top:50%;right:100%;width:100%;border-top:3px solid var(--primary-fg);margin-left:50%}.block:last-child{margin-bottom:0}.block h1:first-letter{initial-letter:2.7 3;text-shadow:6px 6px 1px var(--card-bg)}h1{font-size:1.6em}p,li{line-height:1.5em}blockquote{margin:0 1rem;line-height:1.5em}.cards{--gap: .7em;--padding-gap: calc(var(--gap) * 2);--item-size: 234px;--overlap-size: 60px;--hover-overlap-size: 254px;--num-children: 3;--num-children-1: calc(var(--num-children) - 1);--border-size: 0;--grid-cell-size-to-use: var(--overlap-size);display:grid;gap:var(--gap);grid-auto-flow:row;grid-template-rows:repeat(var(--num-children),var(--grid-cell-size-to-use));transition:all ease-in-out .25s;transition-delay:.3s;margin:0 auto;width:var(--item-size);height:calc(var(--grid-cell-size-to-use) * var(--num-children-1) + var(--gap) * var(--num-children-1) + var(--item-size));background:repeating-linear-gradient(45deg,var(--block-bg),var(--block-bg) 2px,var(--primary-bg) 2px,var(--primary-bg) 8px);padding:var(--padding-gap);border-radius:calc((var(--item-size) + var(--padding-gap) * 2) / 2);transform:scale(.9)}.cards .card{width:var(--item-size);height:var(--item-size);background-color:var(--card-bg);display:inline-block;padding:18px 0 8px 48px;box-sizing:border-box;border-radius:50%;border:2px solid var(--primary-fg);transition:all ease-out .25s;transition-delay:.4s;z-index:1;transform:scale(.9)}.cards .card ul{list-style:none;padding:0}@media screen and (min-width: 480px){h1{font-size:2em}}@media screen and (min-width: 888px){blockquote{margin:0 2rem}.cards{grid-auto-flow:column;grid-template-columns:repeat(var(--num-children),var(--grid-cell-size-to-use));grid-template-rows:auto;width:calc(var(--grid-cell-size-to-use) * var(--num-children-1) + var(--gap) * var(--num-children-1) + var(--item-size));height:auto}}@media screen and (min-width: 1220px){#outline-container{margin:10px auto}}.cards:hover{--grid-cell-size-to-use: var(--hover-overlap-size);transform:scale(1)}.cards:hover .card{transform:scale(1)}body.l-font .card{--item-size: 264px}body.xl-font .card{--item-size: 304px}.footer{padding:10px;text-align:center}