:root{--col-primary: rgb(57, 62, 65);--col-pop: rgb(233, 79, 55);--col-background: rgb(246, 247, 235);color:var(--col-primary);font-family:Hind,system-ui,sans-serif;line-height:1.5;font-weight:400;font-style:normal;--pad: 1em;--pad-big: 1.7em}@media (prefers-color-scheme: dark){:root{--col-pop: rgb(233, 79, 55);--col-background: rgb(57, 62, 65);--col-primary: rgb(246, 247, 235)}}h1{font-size:2.1em;font-family:Montserrat,system-ui,sans-serif;font-optical-sizing:auto;font-weight:700;font-style:normal;padding-top:var(--pad);padding-bottom:var(--pad)}h2{margin-top:calc(2 * var(--pad))}p{padding-bottom:var(--pad)}body{background-color:var(--col-background);margin:0 auto}@media (width < 621px){body{max-width:600px;padding-left:10px;padding-right:10px}}canvas{width:100%}@media (width > 620px){body{max-width:600px}canvas{width:620px;transform:translate(-10px)}pre.shiki{border-radius:.5em;margin-left:-2em;margin-right:-2em}}pre.shiki{padding:2em;overflow-x:auto}.canvas-container{padding:var(--pad-big) 0;overflow:hidden}canvas{--transition-duration: .6s;aspect-ratio:1;accent-color:var(--col-pop);color:var(--col-primary);transition:color var(--transition-duration) cubic-bezier(.3,.7,0,1),accent-color var(--transition-duration) cubic-bezier(.3,.7,0,1)}footer{text-align:center;padding-top:var(--pad-big);padding-bottom:var(--pad-big);color:#6f7a80;font-size:.8em}a:link,a:visited{text-decoration:underline;color:#6f7a80}a:hover{color:var(--col-pop)}footer a:link,footer a:visited{text-decoration:none;font-weight:700}footer a:hover{text-decoration:underline}canvas#glcanvas-sphere{transform:scale(.8)}