*{box-sizing:border-box}body{margin:0;padding:0;font-family:Roboto Mono,monospace}button{display:inline-block;width:4em;margin-right:1em;margin-bottom:1em;font:inherit;background:none;cursor:pointer}button:hover{background-color:rgba(95,158,160,.4)}p>span{width:12em}input,p>span{display:inline-block}input{width:4em;font:inherit;text-align:center}.col-wrapper{display:flex;margin-top:2em}.col{margin-left:2em;margin-right:2em}.grid{width:150px;margin:auto;line-height:0}.box{display:inline-block;width:10px;height:10px;margin-top:-1px;margin-left:-1px;border:1px solid rgba(0,0,0,.1);cursor:pointer}.box,.on{background-color:#4a8082}.box.off:hover,.box:hover{background-color:#5f9ea0}.box[data-alive="0"]{background-color:rgba(95,158,160,0)}.box[data-alive="1"]{background-color:rgba(95,158,160,.4)}.box[data-alive="2"]{background-color:rgba(95,158,160,.6)}.box[data-alive="3"]{background-color:rgba(95,158,160,.8)}.box[data-alive="4"]{background-color:#5f9ea0}.box[data-alive="5"]{background-color:#538d8f}.box[data-alive="6"]{background-color:#4a8082}.box.off{background-color:#fff}
/*# sourceMappingURL=main.7ba28833.chunk.css.map */