body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App{text-align:-webkit-center}#root,.App,.container,body,html{width:100%;height:100%}.gameContainer{flex:1 1;height:calc(100% - 100px);display:flex;justify-content:center}.hidden{display:none}.navbar{display:flex;justify-content:space-evenly;background-color:silver;overflow:auto;height:64px}@media only screen and (max-width:500px){.navbar{justify-content:space-between}}.navbar .link{color:#faebd7;text-decoration:none;text-shadow:#8b0000 2px 2px 2px;height:100%;padding:0 10px;position:relative;display:flex;align-items:center}.navbar .link:hover{background-color:#a9a9a9}.navbar select{margin:1rem}.floatNavbar{position:fixed;right:20px;top:0}.loginBtn{padding:0;color:#faebd7;text-decoration:none;text-shadow:#8b0000 2px 2px 2px}.square{width:3rem;height:3rem;border:2px solid rgba(0,0,0,.5);position:relative;padding:.25rem}.key{width:90%;height:90%;border-radius:50%;background-color:bisque;border:2px solid rgba(0,0,0,.5)}.key:hover{background-color:#9acd32}.playerDiv{display:flex;justify-content:center;margin-bottom:1rem}.player{width:1.5rem;height:1.5rem;border-radius:50%;border:1px solid #000}.reversiHistoryDiv{border:2px solid #deb887;display:flex;align-items:center;width:24rem;justify-content:space-between}.reversiHistoryInnerDiv{margin:.3rem .5rem;width:100%}.reversiHistoryInnerDiv p{padding:0;margin:0}.reversiHistoryBtn{display:flex;flex-direction:column;margin:0 1rem}.reversiHistoryBtn button{margin:.1rem 0}.reversiContentText{width:100%;display:flex;justify-content:space-evenly}.reversiContentText span{margin-right:.5rem;box-shadow:0 0 2px #000;padding:.1rem}.HistoryLists{margin:1rem;display:flex;justify-content:space-evenly;flex-wrap:wrap}.HistoryList{margin-bottom:1rem}.historyContainer{height:100%;width:100%;overflow:auto}.CCTitle{font-size:6.5vmin}.CCMap{background-image:url(http://www.clker.com/cliparts/2/1/6/b/1197099044862740731antontw_chinese_chess_plate.svg);background-repeat:no-repeat;background-size:contain;background-position:50%;width:100%;display:table}.CCBtn{width:8vmin;height:8vmin;padding:0;position:relative;border:none;margin:0;background-color:transparent}.CCBtnMostOuterDiv,.CCBtnMostOuterDiv00,.CCBtnMostOuterDiv01,.CCBtnMostOuterDiv02,.CCBtnMostOuterDiv03,.CCBtnMostOuterDiv04,.CCBtnMostOuterDiv05,.CCBtnMostOuterDiv06,.CCBtnMostOuterDiv07{position:relative;width:100%;height:100%}.CCBtnOuterDiv{position:relative;width:100%;height:50%;display:flex}.CCBtnDiv,.CCBtnDiv00,.CCBtnDiv01,.CCBtnDiv02,.CCBtnDiv03,.CCBtnDiv04,.CCBtnDiv011,.CCBtnDiv021,.CCBtnDiv031{position:relative;width:50%;height:calc(100% - 2px)}.CCChess,.CCChessblack,.CCChessgreen,.CCChessred{top:0;position:absolute;width:90%;height:90%;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:5vmin}.CCChess{border:1px solid rgba(37,30,30,0);background-color:rgba(222,184,135,0)}.CCChessblack{border:1px solid #000;background-image:radial-gradient(circle,#e0ffff,#fff,#000);color:#000}.CCChessred{border:1px solid #000;background-color:#000;color:red}.CCChessgreen{border:1px solid hsla(0,0%,100%,0);background-color:rgba(153,205,50,.5)}.CCPlayerDiv{display:flex;justify-content:center;align-items:center;margin-bottom:1rem}.CCPlayerDiv span{font-size:3vmin}.resetBtn{margin-top:1rem}.CCPlayerBlack,.CCPlayerRed{border-radius:50%;width:5vmin;height:5vmin;border:1px solid #000;display:flex;justify-content:center;align-items:center;font-size:3vmin}.CCPlayerBlack{background-image:radial-gradient(circle,#e0ffff,#fff,#000);color:#000}.CCPlayerRed{background-color:#000;color:red}.chessImgBtn{background-color:rgba(50,50,50,.4);border-radius:10px;box-shadow:2px 2px rgba(50,50,50,.4)}.chessImgBtn:hover{background-color:rgba(50,50,50,.6);border-radius:10px;box-shadow:2px 2px #000}.chessImgBtn:active{background-color:rgba(50,50,50,.8);border-radius:10px;box-shadow:2px 2px rgba(50,50,50,0)}.hiddenBar:hover{outline:2px solid #696969}
/*# sourceMappingURL=main.1a0291e8.chunk.css.map */