.help{position:absolute;width:360px;top:50%;left:50%;margin-right:-50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);padding:10px;z-index:999999;background-color:#3f51b5;border:1px solid #757de8;opacity:.95;cursor:pointer}.help,.help h2{text-transform:uppercase}.help h2{margin:0 0 10px;font-weight:700;font-size:36px}.help .helpGrid{display:grid;grid-template-columns:1fr 1em 1fr;grid-row-gap:1em;grid-column-gap:.2em}.help div{font-size:13px;letter-spacing:1px}.help .keys{grid-column:1;font-weight:700;text-align:right}.help .colon{grid-column:2;text-align:center}.help .action{grid-column:3;text-align:left}.board{--rows:20;--columns:10;--box-size:calc(80vmin / var(--rows));top:0;left:0;display:grid;grid-template:repeat(var(--rows),1fr)/repeat(var(--columns),1fr);background-color:#102027}.cell{-webkit-box-shadow:inset 0 0 0 1px #37474f;box-shadow:inset 0 0 0 1px #37474f}.cell-paused{background-color:#1b3742}.cell-I{background-color:cyan}.cell-J{background-color:blue}.cell-L{background-color:orange}.cell-O{background-color:#ff0}.cell-S{background-color:green}.cell-T{background-color:purple}.cell-Z{background-color:red}.end_layer{position:fixed;display:-ms-flexbox;display:flex;height:100vh;width:100vw;left:0;top:0;background-color:#495057;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-ms-flex-direction:column;flex-direction:column;padding:0 0 0 20px;text-align:center;-webkit-animation:showUp .3s forwards ease;animation:showUp .3s forwards ease}@-webkit-keyframes showUp{0%{-webkit-transform:scale(0);transform:scale(0);opacity:0}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes showUp{0%{-webkit-transform:scale(0);transform:scale(0);opacity:0}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.message{font-size:30px;margin:20px 0;color:#f8f9fa}.replay,.to_github{margin:20px auto}.center{-ms-flex-pack:center;justify-content:center;margin:0 20px!important}.replay-button{width:120px;height:40px;background:#f1f3f5;border-radius:3px;color:#495057;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-box-shadow:none;box-shadow:none;border:none;font-size:13px}.App{--app-padding:10px;position:relative;display:grid;grid-template-rows:75px 80vh;grid-template-columns:40vh 100px;grid-template-areas:"title title" "board game-info";font-family:sans-serif;text-transform:uppercase;background-color:#37474f;color:#fff;padding:var(--app-padding);border-radius:8px}.Title{grid-area:title}.Board{grid-area:board}.Game-info{grid-area:game-info;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between;padding-left:10px}h1,h2,h3{text-align:center}h1{font-size:40px;letter-spacing:10px;font-weight:700;margin:auto}h2{font-size:16px;margin-bottom:5px}h2,h3{letter-spacing:1px}h3{font-size:36px;margin-top:1px}.controls{width:100%;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}*{-webkit-box-sizing:border-box;box-sizing:border-box}body,html{height:100vh;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;background-color:#62727b;overflow:hidden}
/*# sourceMappingURL=main.d913daa4.css.map*/