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}body{background-color:#323232;color:#e0e0e0}.App{text-align:center}h1,h2,h3{color:#f0f0f0}a{color:green}.header{align-items:center;background-color:#646464;display:flex;height:50px;justify-content:space-between;left:0;padding:0 20px;position:fixed;right:0;top:0;z-index:100}.header img{height:40px}.title{color:#e0e0e0;font-size:1.5rem;margin:0}.content{margin-top:50px;padding:10px}.boardComponent{position:relative;width:100%}.boardComponent table{border-color:#000;border-width:10px;-webkit-user-select:none;user-select:none;width:100%}.boardComponent td{position:relative}.boardComponent .boardOverlay{display:none;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.boardComponent .boardOverlay .boardOverlayContent{background-color:#646464;border:1px solid #fafafd;border-radius:10px;margin:auto;padding:5px}.boardComponent .boardOverlay .boardOverlayContent button,.boardComponent .boardOverlay .boardOverlayContent h3{margin-block:.25em}.boardComponent.forcedPass .forcedPassOverlay,.boardComponent.gameOver .gameOverOverlay{display:flex}.boardComponent td{background-color:lime;height:50px;width:50px}.boardComponent .piece{border:5px solid;border-radius:50%;display:block;height:35px;margin:auto;width:35px}.boardComponent .piece.white{background-color:#fff;border-color:#fff}.boardComponent .piece.black{background-color:#000;border-color:#000}.boardComponent .validMove{border:5px solid #000;border-radius:50%;color:#fff;display:block;height:25px;margin:auto;width:25px}.boardComponent .highlightSquare{border:5px solid red;border-radius:50%;bottom:15px;left:15px;position:absolute;right:15px;top:15px}.boardComponent th{font-size:x-large}.boardComponent th:first-child[scope=row]{text-align:right}.boardComponent th:last-child[scope=row]{text-align:left}.boardComponent.whiteToPlay .validMove{border-color:#fff}input.moveListBox{width:100%}@media only screen and (max-width:500px){.boardComponent td{height:35px;width:35px}.boardComponent .piece{height:20px;width:20px}.boardComponent .validMove{height:10px;width:10px}.boardComponent .highlightSquare{border:5px solid red;bottom:10px;left:10px;right:10px;top:10px}}button.actionButton,input[type=button].actionButton,input[type=submit].actionButton{background-color:green;border:none;border-radius:.8em;color:#323232;cursor:pointer;display:block;font-weight:700;margin:2em auto;padding:1em;transition:transform .2s;width:100%}button.actionButton:hover,input[type=button].actionButton:hover,input[type=submit].actionButton:hover{transform:scale(1.1)}.actionButtonList{list-style-type:none;margin:0;padding:0}.btn-menu{background-color:#0000;border:1px solid #fafafd;border-radius:25%;box-shadow:0 .25em .25em #0000004d;cursor:pointer;display:block;padding:0;position:relative;transition:box-shadow .8s ease-out,background-color .8s ease-out}.btn-menu :before{content:"";display:block;height:100%;position:absolute;width:100%}.btn-menu[aria-pressed=false] .svg-menu .x{opacity:0}.btn-menu[aria-pressed=true] .svg-menu{transform:rotate(225deg)}.btn-menu[aria-pressed=true] .svg-menu .h{backface-visibility:hidden;opacity:0}.btn-menu[aria-pressed=true] .svg-menu .t{transform:translateY(8px)}.btn-menu[aria-pressed=true] .svg-menu .b{transform:translateY(-8px)}.btn-menu :active{box-shadow:none}.btn-menu span{position:absolute;text-indent:-9999px}.svg-menu{stroke-width:5;stroke-linecap:square;stroke:gray;display:block;height:2.38em;margin:.25em;transition:stroke .8s ease-out,transform .8s ease-in-out;width:2.38em}.btn-menu:focus .svg-menu,.btn-menu:hover .svg-menu{stroke:green}.svg-menu path{backface-visibility:hidden;transition:opacity .8s ease-in-out,transform .8s ease-in-out}.menu-popup{background-color:#323232;height:100%;overflow-x:hidden;padding-top:20px;position:fixed;right:0;top:50px;transition:transform .2s ease-in-out;width:70%;z-index:1000}.menu-popup nav{display:flex;flex-direction:column}.menu-popup ul{list-style-type:none;margin:0;padding:0}.menu-popup li{border-top:1px solid #646464;padding:8px 0 8px 10px}.menu-popup li a{color:#e0e0e0;font-size:1.5rem;text-decoration:none}.menu-popup li :hover{background-color:#646464}.menu-popup>button{background-color:#0000;border:none;color:#e0e0e0;cursor:pointer;font-size:2rem;position:absolute;right:10px;top:10px}.menu-popup .closed{transform:translateX(100%)}.currentPlayerDisplay{align-items:center;background-color:green;border:1px solid #000;border-radius:.5rem;color:#000;display:flex;flex-direction:row;flex-wrap:wrap;font-size:1.5rem;font-weight:700;justify-content:center;margin:.5rem;padding:.5rem;text-align:center}.currentPlayerDisplay .black,.currentPlayerDisplay .white{border-radius:.5rem;width:50%}.currentPlayerDisplay .white{background-color:#fff;border-bottom-left-radius:0;border-top-left-radius:0;color:#000}.currentPlayerDisplay .black{background-color:#000;border-bottom-right-radius:0;border-top-right-radius:0;color:#fff}.currentPlayerDisplay .playerTurn{display:block;width:100%}
/*# sourceMappingURL=main.762f5b4b.css.map*/