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}html{--main-color:#666;--middle-color:#444;--white-color:#eee;--marked-color:#bbb;--accent-color:teal;--accent-color-two:#802b00;--black-color:#0a0a0a;box-sizing:border-box;font-size:16px}*,:after,:before{box-sizing:inherit}body{background-color:#282c34;min-height:800px}.colrow-container{background-color:#666;background-color:var(--main-color);display:flex}.colrow-row{flex-direction:row;flex-grow:0;flex-shrink:0;width:24rem}.colrow-col{flex-direction:column}.col{flex-direction:column;min-height:150px;width:100%}.col,.row{align-items:center;border:.1px solid #007070;box-sizing:border-box;display:flex;justify-content:flex-end;text-align:center}.row{flex-direction:row;height:100%;min-width:150px}.second-color-border{border-color:#701800}.color-one{background-color:teal;background-color:var(--accent-color)}.color-two{background-color:#802b00;background-color:var(--accent-color-two)}.board{border:.5rem solid #fff;color:#eee;color:var(--white-color);-webkit-user-select:none;user-select:none}.board-bot-column,.board-top-column{display:flex;justify-content:flex-end}.game-container{align-items:center;background-color:#282c34;display:flex;flex-direction:column;justify-content:center;margin:4rem 0}.App-header{background-color:#282c34;font-size:calc(10px + 2vmin);height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.number{align-items:center;display:flex;font-family:monospace;font-size:.7rem;justify-content:center}.row .number{height:100%;margin:0 .3rem}.row .number:first-child{margin-left:3rem}.col .number:first-child{margin-top:3rem}.col .number{margin:.2rem 0;width:100%}.grid{background-color:#444;background-color:var(--middle-color);flex-direction:column;height:24rem;width:24rem}.grid,.grid-row{align-items:center;display:flex;justify-content:center}.grid-row,.square{height:100%;width:100%}.square{background-color:#444;background-color:var(--middle-color);border:.01rem solid #0a0a0a;border:.01rem solid var(--black-color)}.marked{background-color:#bbb;background-color:var(--marked-color)}.top{border-top-color:teal;border-top-color:var(--accent-color)}.bot{border-bottom-color:teal;border-bottom-color:var(--accent-color)}.left{border-left-color:teal;border-left-color:var(--accent-color)}.right{border-right-color:teal;border-right-color:var(--accent-color)}.top-two{border-top-color:#802b00;border-top-color:var(--accent-color-two)}.bot-two{border-bottom-color:#802b00;border-bottom-color:var(--accent-color-two)}.left-two{border-left-color:#802b00;border-left-color:var(--accent-color-two)}.right-two{border-right-color:#802b00;border-right-color:var(--accent-color-two)}@media screen and (max-width:560px){.game-container{align-self:flex-start;margin:0;-webkit-transform:scale(.5) translateY(-12rem);transform:scale(.5) translateY(-12rem)}body{min-height:500px}}@media screen and (max-width:300px){.game-container{align-self:flex-start;margin:0;-webkit-transform:scale(.4) translateY(-20rem);transform:scale(.4) translateY(-20rem)}.App-header{height:600px}body{min-height:100px}}
/*# sourceMappingURL=main.d8df0829.css.map*/