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{width:75vw;margin:25px auto 50px}.App .title{text-align:center;margin-bottom:50px}.App .main-content{display:flex;justify-content:center}.board{flex-wrap:wrap;display:flex;width:500px;height:500px}.board .square{position:relative;width:12.5%;height:12.5%}.board .square.black{background-color:rgba(0,0,0,.5)}.board .square.white{background-color:rgba(0,0,0,.1)}.board .square.highlight{background-color:#8b0000}.board .square.clickable-square{cursor:pointer}.board .square.clickable-square:hover{background-color:#8b0000}.board .square .file{position:absolute;bottom:-25px;left:50%;transform:translateX(-50%)}.board .square .rank{position:absolute;left:-25px;top:50%;transform:translateY(-50%)}.controls{width:240px;margin-left:25px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.controls .control{display:flex;justify-content:space-between;width:100%;margin-bottom:10px}.controls .curr-answer{font-size:48px}.controls .status{height:20px;margin:15px 0}.controls .correct{color:green}.controls .incorrect{color:red}.controls .prefs{width:100%;margin-top:20px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.controls .other-prefs{margin-top:40px}.controls .square-input{display:flex;align-items:center;flex-direction:column}.btn{width:80px;height:30px}.btn:focus{outline:none}.btn.start{background-color:#90ee90}.btn.cancel{background-color:orange}
/*# sourceMappingURL=main.689ed992.chunk.css.map */