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}#mode-btn-wrapper{text-align:center;margin:3rem auto}button{height:50px;width:120px;margin:0 auto 0 .5rem;border:none;border-radius:10px;font-size:1.1rem;background-color:#d9d9d9;color:#000}button:hover{cursor:pointer}.active-btn,button:hover{background-color:#000;color:#fff}.disabled-btn{pointer-events:none}button::-moz-focus-inner{border:0;padding:0}#board{margin:0 auto;width:340px;display:-ms-grid;display:grid;-ms-grid-columns:1fr 1fr 1fr;grid-template-columns:1fr 1fr 1fr;grid-column-gap:1rem}.square{height:105px;margin-bottom:1rem;display:flex;justify-content:center;align-items:center;cursor:pointer;background-color:#ccc;border-radius:25px}.red-square{background-color:#f44747}.blue-square{background-color:#2886f0}.hover-x:hover{background-color:#f44747}.hover-o:hover{background-color:#2886f0}.disabled-square{pointer-events:none}.locked-square-start{pointer-events:none;-webkit-filter:brightness(50%);filter:brightness(50%)}.marker-span{font-size:4.6rem;color:#fff}@media only screen and (min-width:400px){#board{width:380px}.square{height:115px}}@media only screen and (min-width:1000px){#board{width:390px}.square{height:115px}}.overlay{position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,.6)}.overlay-content-wrapper{width:100%;height:190px;margin:230px auto 0;align-items:center;justify-content:space-between;font-weight:600;font-size:1.6rem;color:#fff;border-radius:20px}#overlay-btn-wrapper,.overlay-content-wrapper{display:flex;flex-direction:column}.overlay-btn{margin-top:1rem;width:100px;font-weight:600;color:#000}.overlay-span{white-space:nowrap}.hidden{display:none}@media only screen and (min-width:1000px){.overlay-content-wrapper{margin-top:250px}#overlay-btn-wrapper{display:flex;flex-direction:row}.overlay-btn{height:55px;margin-top:0}}body{font-family:"Open Sans","Roboto","Lato","Arial","Sans Serif"}.header{text-align:center;margin-top:1.5rem}
/*# sourceMappingURL=main.44b865ab.chunk.css.map */