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:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}*{margin:0;padding:0;box-sizing:border-box}html{height:100%}body{min-height:100%;background:linear-gradient(145deg,#4da7db,#5bc6ff)}#board{display:flex;width:552px;flex-wrap:wrap;border-radius:100px;margin-top:40px;overflow:hidden;background:linear-gradient(145deg,#5bc6ff,#4da7db);box-shadow:30px 30px 60px #489dcf,-30px -30px 60px #62d5ff}#game{display:flex;justify-content:center;align-items:center;flex-direction:column}.text{font-size:30px;margin-bottom:15px}.theButton{height:50px;width:100px;border-radius:50px;margin:10px 40px;background:linear-gradient(145deg,#5bc6ff,#4da7db);box-shadow:30px 30px 60px #489dcf,-30px -30px 60px #62d5ff}.endgame .text{display:none;width:200px;top:120px;background-color:#333;position:absolute;left:50%;margin-left:-100px;padding-top:50px;padding-bottom:50px;text-align:center;border-radius:5px;color:#fff;font-size:2em}.square{width:184px;height:184px;border:2px solid #333;display:flex;justify-content:center;align-items:center;font-size:50px}.square:hover{cursor:pointer}.square:nth-child(3n){border-right:0}.square:nth-child(3n+1){border-left:0}.square:first-child,.square:nth-child(2),.square:nth-child(3){border-top:0}.square:nth-child(7),.square:nth-child(8),.square:nth-child(9){border-bottom:0}@media screen and (max-width:900px){#board{width:300px}.square{width:100px;height:100px}}
/*# sourceMappingURL=main.6fe98ced.chunk.css.map */