body{font-family:"04b24",Monospace;background-color:#343838;color:#343838}.population{float:left;margin:.75em;border:solid 8px #005f6b;background-color:#00dffc;position:relative;}.population .dimension{border:8px solid #00b4cc;float:left;}.population .dimension .row{height:8px;line-height:6px;}.population .dimension .row .cell{display:inline-block;width:8px;height:8px;-webkit-transition:.1s;transition:.1s;}.population .dimension .row .cell.alive{background-color:#343838}.population .dimension-pair:nth-child(2n) .dimension{float:right}.population .dimension-pair:nth-child(2n + 1) .dimension:first-child{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.population .status{position:absolute;width:100%;height:100%;top:0;-webkit-transition:.5s;transition:.5s;z-index:2;background-color:#005f6b;color:#00dffc;}.population .status h1,.population .status h3{text-align:center;width:100%;top:50%;-webkit-transform:translateY(-1.2em);-ms-transform:translateY(-1.2em);transform:translateY(-1.2em);position:absolute}.population .status h1{text-transform:uppercase}.population .status h3{opacity:.75;-webkit-transform:translateY(.2em);-ms-transform:translateY(.2em);transform:translateY(.2em)}.population .status:hover{opacity:0}menu{background-color:#005f6b;font-size:1.2em;}menu input{font-size:1.2em;width:2em;font-family:"04b24",Monospace;background-color:#00b4cc;border:none;color:#00dffc;padding-left:.5em}menu label{margin-right:.5em;color:#00b4cc}menu button{font-family:"04b24",Monospace;font-size:1.2em;background-color:#00dffc;border:none;color:#00b4cc;text-transform:uppercase;-webkit-transition:.1s;transition:.1s;}menu button:hover{color:#fff;cursor:pointer}menu button:focus{outline:none}