@-webkit-keyframes play{0%{font-size:0}75%{font-size:8em}to{font-size:6em}}@keyframes play{0%{font-size:0}75%{font-size:8em}to{font-size:6em}}@-webkit-keyframes winner{0%{transform:scale(1)}50%{transform:scale(1.8)}to{transform:scale(1);color:#fff}}@keyframes winner{0%{transform:scale(1)}50%{transform:scale(1.8)}to{transform:scale(1);color:#fff}}*,:after,:before{box-sizing:border-box}body,h1,h2,html,p{margin:0;padding:0;font-weight:inherit;font-size:100%}body,html{height:100%}body{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#e02857;font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff}.game__status{align-self:center;margin-bottom:20px;text-transform:uppercase}.game__status,.winner{font-size:3em;font-weight:700;text-align:center}.winner{position:fixed;top:44vh;left:0;right:0;background:rgba(0,0,0,.65)}#root{display:flex;flex-direction:column;align-items:center;justify-content:space-around;min-height:100vh;overflow:hidden}.game__board{display:grid;grid-template:repeat(3,1fr)/repeat(3,1fr);width:600px;height:600px;font-family:Arial,sans-serif;background-color:#4b5179;color:#fff;border:6px solid #212750;border-radius:10px;box-shadow:0 0 8px 0 rgba(0,0,0,.25)}@media (max-width:650px){.game__board{width:300px;height:300px;border:2px solid #212750}.game__box{font-size:4em!important;border:4px solid #212750!important}.winner{font-size:1.5em!important;width:100%}}.start-btn{color:#fff;font-size:2em;background-color:#4b5179;border-radius:10px}.game__box,.start-btn{font-weight:700;border:6px solid #212750}.game__box{display:flex;justify-content:center;align-items:center;font-size:6em;transition:all .1s}.game__box:not(.game__box--x):not(.game__box--o):not(.game__box--over){cursor:pointer}.game__box:not(.game__box--x):not(.game__box--o):not(.game__box--over):hover{background-color:#343a5e}.game__box:not(.game__box--x):not(.game__box--o):not(.game__box--over):active{box-shadow:inset 0 0 50px 5px rgba(0,0,0,.3)}.game__box--o,.game__box--x{-webkit-animation:play .3s forwards;animation:play .3s forwards}.game__box--x{color:#6d7395}.game__box--o{color:#101539}.game__box--winner>button{-webkit-animation:winner .3s forwards;animation:winner .3s forwards;-webkit-animation-delay:.1s;animation-delay:.1s}.game button{font-weight:700;background:none;width:100%;height:100%;border:none;font-size:1em;cursor:pointer;color:#fff}.game{display:flex;flex-direction:column}
/*# sourceMappingURL=main.8b731ec9.chunk.css.map */