.body{cursor:pointer;z-index:-1;background-color:#000;border-width:0;width:100%;height:100vh;margin:0;padding:0;position:fixed;overflow:hidden}.body canvas{width:100%;height:100%;display:flex}input{caret-color:auto}#menu{color:#000;z-index:10;background-color:#ffff80e6;border-radius:10px;margin:0;padding:5px;font-size:80%;position:absolute;top:5px;left:5px}#menu.hidden #showhide{display:none}#controls{text-align:right;margin-top:0;margin-bottom:0}#controls:hover{background-color:#ffc880e6}#menu button{border-radius:5px;margin-left:5px;margin-right:5px}#menu .center{text-align:center}#colorspan{border:1px solid #000;margin:0 5px;padding:0 2em}canvas#displaycolor{border:1px solid #000;width:5em;height:1.25em}
@font-face{font-family:Heebo;font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/heebo.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.container-cards{flex-wrap:wrap;place-content:center;place-items:center;gap:1.5vmax;width:100%;min-height:100vh;padding:1.5vmax;display:flex;position:relative}