body{margin:0;padding:0;font-family:sans-serif}.App{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;height:100vh;text-align:center}.App-header{background-color:#222;padding:20px;color:#fff;-ms-flex:0 1 auto;flex:0 1 auto}.App-header h1{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.App-Title{font-size:1.5em}.Game{display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;text-align:center;-ms-flex:1 1 auto;flex:1 1 auto;background-color:#eee;-webkit-transition:background-color .15s ease-out;-o-transition:background-color .15s ease-out;transition:background-color .15s ease-out}.Game.x{background-color:#ef8b80}.Game.o{background-color:#75b9e7}.Macro-Board{display:table;background-color:#fafafa;border-collapse:separate;border-spacing:5px;margin:auto 0;border-radius:3px;-webkit-box-shadow:0 0 1px #888;box-shadow:0 0 1px #888}.Macro-Board.x{background-color:#ef8b80}.Macro-Board.o{background-color:#75b9e7}.Macro-Board[disabled]{pointer-events:none}.Macro-Board[disabled].o,.Macro-Board[disabled].x{opacity:1}.Micro-Wrapper{display:table-cell}.Micro-Board{display:table;border-collapse:separate;border-spacing:5px;padding:5px}.Micro-Board[disabled]{pointer-events:none;opacity:.5}.Micro-Board[disabled].o,.Micro-Board[disabled].x{opacity:1}.Micro-Board.x{background-color:#ef8b80}.Micro-Board.o{background-color:#75b9e7}.Cell{display:table-cell;height:50px;width:50px;background-color:#999;cursor:pointer;-webkit-transition:background-color .15s linear;-o-transition:background-color .15s linear;transition:background-color .15s linear}.Cell:hover.h-x{background-color:rgba(231,76,60,.6)}.Cell:hover.h-o{background-color:rgba(52,152,219,.6)}.Cell.o,.Cell.x{pointer-events:none}.Cell.x{background-color:#e74c3c!important}.Cell.o{background-color:#3498db!important}.Menu{-ms-flex:1 1 auto;flex:1 1 auto;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:distribute;justify-content:space-around;text-align:center;background-color:#ecf0f1}.Menu .choice{background-color:#e74c3c;-webkit-box-shadow:2px 2px 1px #a82315;box-shadow:2px 2px 1px #a82315;margin:0 auto;display:inline-block;height:10vh;width:50vw;line-height:10vh;color:#fff;font-weight:700;font-size:30px;cursor:pointer;-webkit-transition:background-color .15s linear,-webkit-box-shadow .15s linear,-webkit-transform .15s ease-out;transition:background-color .15s linear,-webkit-box-shadow .15s linear,-webkit-transform .15s ease-out;-o-transition:box-shadow .15s linear,background-color .15s linear,transform .15s ease-out;transition:box-shadow .15s linear,background-color .15s linear,transform .15s ease-out;transition:box-shadow .15s linear,background-color .15s linear,transform .15s ease-out,-webkit-box-shadow .15s linear,-webkit-transform .15s ease-out}.Menu .choice:hover{background-color:#e43725;-webkit-box-shadow:2.5px 2.5px 2px #a82315;box-shadow:2.5px 2.5px 2px #a82315;-webkit-transform:scale(1.01);-ms-transform:scale(1.01);transform:scale(1.01)}.App-Status{position:absolute;top:10px;left:10px;opacity:.7}.App-Status span{letter-spacing:3px}.App-Status .connection-indicator{width:7px;height:7px;border-radius:5px;display:inline-block;background-color:#e74c3c;margin-right:5px}.App-Status .connection-indicator.connected{background-color:#2ecc71}
/*# sourceMappingURL=main.06c5165b.css.map*/