body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 1vmin);justify-content:center;min-height:5vh}.chess-board{grid-gap:.3vw;display:grid;gap:.3vw;grid-template-columns:repeat(8,12vh);grid-template-rows:repeat(4,12vh);margin:.3vw;max-height:96vw;max-width:96vw}.game-info{background-color:#008b8b;grid-column:span 8;min-height:20vh}.board-row{display:contents}.board-cell{align-items:center;background-color:#f0d9b5;display:flex;height:100%;justify-content:center;position:center;width:100%}.board-cell:nth-child(odd){background-color:#b58863}.piece{background-color:#fff;font-size:6vh}.empty,.piece{align-items:center;border-radius:50%;cursor:pointer;display:flex;height:80%;justify-content:center;transition:transform .3s;width:80%}.empty{font-size:2vw}.piece.red{border:.4vh solid red;box-shadow:inset 0 0 0 .5vh #fff,inset 0 0 0 .9vh red;color:red}.piece.black{border:.4vh solid #000;box-shadow:inset 0 0 0 .5vh #fff,inset 0 0 0 .9vh #000;color:#000}.piece.mask{background-color:green;color:#fff}.piece.select{border:.4vh solid #20b2aa;box-shadow:inset 0 0 0 .5vh #fff,inset 0 0 0 .9vh #20b2aa}button{cursor:pointer;font-size:16px;margin-top:20px;padding:10px 20px}
/*# sourceMappingURL=main.ff0dce8f.css.map*/