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{align-items:center;background-color:#ddd;display:flex;flex-direction:column;height:100vh;justify-content:space-around}.board{display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);height:90%;width:90%}.piece{display:grid;font-size:1.8em;place-content:center;-webkit-user-select:none;user-select:none}.piece.valid{cursor:pointer}.piece.valid.on-selection{color:#b91d1d}.valid>.circle{background-color:#ffffff80;border-radius:50%;display:inline-block;height:1rem;width:1rem}.black{background-color:#b88b4a}.white{background-color:#e3c16f}.selected{box-shadow:0 0 26px 3px #2b2b2b;color:#000!important;z-index:99}.turn-display{background-color:#fff;border-bottom:4px solid #e3c16f;border-top:4px solid #b88b4a;display:flex;font-family:Archivo Black,sans-serif;font-size:2em;font-weight:700;height:2em;justify-content:center;line-height:2em;overflow:hidden;text-align:center;width:100%}.animation-turn{display:flex;flex-direction:column}.whose-turn-enter{position:relative;top:0}.whose-turn-enter.whose-turn-enter-active{animation-duration:.8s;animation-name:appearFromBottom;animation-timing-function:ease-in}.whose-turn-exit{position:relative;top:-140px}.whose-turn-exit.whose-turn-exit-active{animation-duration:.8s;animation-name:fadeToTop;animation-timing-function:ease-in}@keyframes fadeToTop{0%{top:-65px}to{top:-140px}}@keyframes appearFromBottom{0%{top:60px}to{top:0}}.check-display,.display-wrapper{position:absolute;width:100%}.check-display{background-color:#fff;border-bottom:4px solid #e3c16f;border-top:4px solid #b88b4a;font-family:Archivo Black,sans-serif;font-size:5em;margin-left:auto;margin-right:auto;text-align:center}.show-check-enter{opacity:0}.show-check-enter.show-check-enter-active{opacity:1;transition:opacity .8s}.show-check-exit{opacity:1}.show-check-exit.show-check-exit-active{opacity:0;transition:opacity .8s}.check-display.checkmate{background-color:#d32f2f;border-bottom:4px solid #ef5350;border-top:4px solid #b71c1c;color:#fff}
/*# sourceMappingURL=main.ce863f22.css.map*/