*{margin:0;padding:0}html,body{font-family:"Segoe Print","Comic Sans MS",cursive;display:flex;flex-direction:column;flex:1;width:100vw;height:100vh;background-color:#f6f7f8;overflow-x:hidden;overflow-y:auto;background-size:40px 40px;background-image:url(grid.svg);user-select:none}p{margin-bottom:.2rem}#cx{background-image:url(lines.svg)}.co{align-items:center;justify-content:center}.cp{flex:1}.cn{display:flex;flex-direction:row}.ct{display:flex;flex-direction:column}.cs{text-align:center}.cr{background:#fff;padding:1rem;margin:1rem;border:solid 2px #41403e;border-radius:255px 15px 225px 15px/15px 225px 15px 255px}button{font-family:"Segoe Print","Comic Sans MS",cursive;background:#ddd;padding:.5rem;border:solid 2px #41403e;border-radius:255px 15px 225px 15px/15px 225px 15px 255px;box-shadow:2px 2px 2px rgba(0,0,0,0.2);cursor:pointer;font-weight:bold;text-transform:uppercase}hr{margin:1rem 0;border-top:0;border-top:solid 1px #41403e}hr .cw{margin:0 1rem;border-left:solid 1px #41403e}#bm{white-space:pre-line}#at{cursor:url(pencil.png) 0 128,auto}path,.fq{fill:none;fill-opacity:0;stroke:#222;stroke-width:4px;stroke-linecap:round;stroke-linejoin:round}input{padding:.5rem;font-family:"Segoe Print","Comic Sans MS",cursive;border-top:0;border-right:0;border-left:0;border-bottom:1px dashed #aaa}