*,:after,:before{-ms-box-sizing:border-box!important;box-sizing:border-box!important}body{background-color:#000;margin:0;font-family:"Lucida Console",Monaco,monospace;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.header{color:#fff;text-align:center;margin:50px auto}.header>h1{font-size:3rem;margin:0}.header>h3{margin:10px;font-size:1.3rem}@media (max-width:1400px){.header{margin:40px auto}}@media only screen and (max-width:500px){.header{margin:20px auto}.header>h1{font-size:2rem}.header>h3{font-size:1rem}}.main{display:flex;flex-direction:column;align-items:center}.main>.info{color:#fff;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:30px 0;font-size:1.3rem}.main>.board{width:450px;height:450px}.main>.board>.square{width:33.33333%;height:33.33333%;border:3px solid #fff;background-color:transparent;font-size:5rem;outline:none}.main>.board>.square.empty{cursor:pointer}.main>.board>.square:not(.empty){color:#fff}.main>.board.end>.square{cursor:default}.main>.board.end>.square:not(.empty):not(.win){color:hsla(0,0%,100%,.6)}.main>.board.end>.square.win>.icon{-webkit-animation:blinker .75s linear 3;animation:blinker .75s linear 3}@-webkit-keyframes blinker{50%{opacity:0}}@keyframes blinker{50%{opacity:0}}.main>.board.end.tie>.square{-webkit-animation:borderBlink 1s linear 2;animation:borderBlink 1s linear 2}@-webkit-keyframes borderBlink{0%,to{border-color:transparent}50%{border-color:#fff}}@keyframes borderBlink{0%,to{border-color:transparent}50%{border-color:#fff}}.main>.newGame{background-color:transparent;height:450px;width:450px;position:absolute;padding:0;display:none;border:none;cursor:pointer}.main>.newGame:focus{outline:none}.main>.newGame.end{display:block}.main>.board>.square.square-0,.main>.board>.square.square-1,.main>.board>.square.square-2{border-top:none}.main>.board>.square.square-0,.main>.board>.square.square-3,.main>.board>.square.square-6{border-left:none}.main>.board>.square.square-6,.main>.board>.square.square-7,.main>.board>.square.square-8{border-bottom:none}.main>.board>.square.square-2,.main>.board>.square.square-5,.main>.board>.square.square-8{border-right:none}@media (max-width:1400px){.main>.board,.main>.newGame{width:350px;height:350px}.main>.info{margin:20px 0;font-size:1.2rem}.main>.board>.square{border:2px solid #fff;font-size:4rem}}@media only screen and (max-width:500px){.main>.board,.main>.newGame{width:90%}.main>.info{margin:20px 0;font-size:1rem}.main>.board>.square{border:1.5px solid #fff;font-size:3rem}}.app{width:100%;margin:50px auto}@media (max-width:1400px){.app{margin:20px auto}}@media only screen and (max-width:500px){.app{margin-top:0}}
/*# sourceMappingURL=main.96cda248.chunk.css.map */