@import url(https://fonts.googleapis.com/css?family=Righteous);@import url(https://fonts.googleapis.com/css?family=Righteous);@import url(https://fonts.googleapis.com/css?family=Righteous);@import url(https://fonts.googleapis.com/css?family=Righteous);header{width:100%;height:60px;background-color:#eee;font:10px/100% Righteous,cursive;box-shadow:0 1px 5px #000;z-index:5}.row{margin:0 auto;max-width:1200px;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-ms-flex-align:center;align-items:center}button{width:60px;height:48px;margin:0 2px;border:none;border-radius:5px;background:inherit;cursor:pointer}button i{width:100%}button i.fa{font-size:18px}button span{text-transform:uppercase;font:10px/100% Righteous,cursive}button:hover{background-color:#e1e1e1;box-shadow:inset 1px 1px 1px hsla(0,0%,100%,.3),inset -1px -1px 1px rgba(0,0,0,.3)}button:disabled{background-color:inherit;box-shadow:none}.controls-center,.controls-left,.controls-right{width:30%}.counter{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.counter span{width:100%;text-align:center}.counter-number{font-size:20px;line-height:120%}.controls-right{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.controls-right form{width:50%}.controls-right form label{margin:0 3px;text-transform:uppercase}.controls-right div{width:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.controls-right div input,.controls-right div span{width:80%;margin:3px 0;font-size:12px;text-align:center}.cell{margin:1px;border-radius:50%;width:13px;height:13px;box-shadow:inset 1px 1px 1px hsla(0,0%,100%,.3),inset -1px -1px 1px rgba(0,0,0,.3)}.cell.dead{background-color:#333;box-shadow:inset -1px -1px 1px hsla(0,0%,100%,.1),inset 1px 1px 1px rgba(0,0,0,.3)}.cell.young{background-color:#9f96ff}.cell.one{background-color:#a3ecff}.cell.old{background-color:#53b245}.board-skirting{width:750px;height:435px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:15px;box-shadow:inset 1px 1px 1px hsla(0,0%,100%,.1),inset -1px -1px 1px rgba(0,0,0,.3)}.board-skirting.small{width:510px;height:300px}.board-skirting.large{width:990px;height:570px}.board{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;width:720px;height:405px;background-color:#333}.board.small{width:480px;height:270px}.board.large{width:960px;height:540px}*{box-sizing:border-box}#root,.container,body,html,main{width:100%;height:100%;margin:0}body{background-color:#333}main{height:calc(100% - 60px);display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden}