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}*{box-sizing:border-box}h2{margin:0}.main{height:100vh;flex-direction:column;justify-content:space-around;background:#f5f5f5}.main,.splash{display:flex;align-items:center}.splash{width:250px;flex-direction:row;justify-content:space-between;font-size:4rem}.splash-image{width:100px;height:100px}@media only screen and (max-width:600px){.splash-image{width:75px;height:75px}}.tile{width:100px;height:100px;align-self:center;justify-self:center;background-size:contain;background-repeat:no-repeat;background-position:50%}.x{background-image:url(/x.png)}.o{background-image:url(/o.png)}@media only screen and (max-width:600px){.tile{width:60px;height:60px}}.modal{position:absolute;left:0;top:0;width:100%;height:100vh;justify-content:center;align-items:center;background-color:rgba(0,0,0,.2)}.modal-content{width:400px;height:400px;border-radius:15px;background-color:#f5f5f5;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly}.modal-message{font-size:2rem}@media only screen and (max-width:600px){.modal-content{width:300px;height:300px}.modal-message{font-size:1.5rem}}.btn{width:160px;height:50px;border-radius:50px;background:#fff;display:flex;justify-content:center;align-items:center;color:grey;font-size:1.1rem;letter-spacing:2px;cursor:pointer;box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22)}@media only screen and (max-width:600px){.btn{width:120px;height:35px;font-size:1rem;letter-spacing:0}}.board-container{padding:50px;box-shadow:0 28px 97px -57px rgba(0,0,0,.75);border-radius:30px}.board{width:420px;height:420px;display:grid;grid-template:repeat(3,1fr)/repeat(3,1fr);background-image:url(/bg.png);background-position:50%;background-size:cover;background-repeat:no-repeat}@media only screen and (max-width:600px){.board{width:300px;height:300px}.board-container{padding:0;box-shadow:none}}.score-card{width:300px;display:flex;flex-direction:row;justify-content:space-around;align-items:center;font-size:1.3rem}
/*# sourceMappingURL=main.9b67ed6c.chunk.css.map */