body,html{margin:0;padding:0;font-family:Roboto Mono;background:#e8e8e8}canvas{display:block}*{box-sizing:border-box;touch-action:none}h1,h2,h3,h4,h5,h6{margin:0}#wrapper{position:absolute;width:100vw;height:100vh;overflow:hidden}#resizer{position:absolute;top:50%;height:240px;margin-top:-120px;left:100px;width:300px}#resizer #dots{position:absolute;top:8px;left:8px;z-index:2}#resizer #dots .dot{display:block;float:left;width:12px;height:12px;margin-right:8px;border-radius:50%}#resizer #dots .dot:first-child{background:#ed695e}#resizer #dots .dot:nth-child(2){background:#f4be4f}#resizer #dots .dot:nth-child(3){background:#61c454}#resizer #handle{position:absolute;right:-15px;width:30px;height:100%;background:purple;opacity:0;z-index:2;cursor:ew-resize;touch-action:auto}#resizer canvas{border-radius:12px;position:absolute;height:240px;background:#fff;border:1px solid #eee;box-shadow:0 7px 12px 0 rgba(0,0,0,.15)}
/*# sourceMappingURL=main.a9f7df58.css.map */