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}.app{text-align:center}.app>h1{color:#4169e1;margin:1rem}.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{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.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)}}.fin-popup{align-items:center;background-color:#f8f8ff;border-radius:1rem;box-shadow:5px 5px 5px 5px #234ac0;color:#4169e1;display:flex;flex-direction:column;justify-content:space-around;left:calc(50% - 225px);padding:1rem;position:absolute;top:35%;width:450px}p{font-size:1.5rem;font-weight:600;margin:1rem;padding:0}.new-game-btn{background-color:#00008b;border-radius:.5rem;color:#faebd7;cursor:pointer;font-size:1.2rem;font-weight:600;height:45px;padding:.25rem;width:125px}.hide{display:none}.balloons{-webkit-animation:go-up 5s cubic-bezier(.215,.61,.355,1) .5s none;animation:go-up 5s cubic-bezier(.215,.61,.355,1) .5s none;background:url(/tic-tac-toe-react/static/media/balloons.9f8a6a4a50137514da1e.png);background-position:50%;background-repeat:no-repeat;background-size:contain;height:20rem;opacity:0;position:absolute;width:20rem}.left{left:-50%}.right{right:-50%}@-webkit-keyframes go-up{0%{opacity:50%;-webkit-transform:translateY(90%);transform:translateY(90%)}to{opacity:100%;-webkit-transform:translateY(-100vh);transform:translateY(-100vh)}}@keyframes go-up{0%{opacity:50%;-webkit-transform:translateY(90%);transform:translateY(90%)}to{opacity:100%;-webkit-transform:translateY(-100vh);transform:translateY(-100vh)}}.prize{color:gold;font-size:4rem;margin:0;padding:0;text-shadow:2px 3px #daa520}@media(max-width:450px){.fin-popup{left:calc(50% - 150px);padding:.8rem;top:30%;width:300px}}.board{border-radius:1rem;display:grid;grid-template-columns:repeat(3,1fr);margin:1rem auto;width:600px}.board div{aspect-ratio:1;border:3px solid #4169e1;box-sizing:border-box;cursor:pointer;font-size:9rem;text-shadow:5px 2px 3px #7c5858;width:200px}.board>div:first-child,.board>div:nth-child(4),.board>div:nth-child(7){border-left:none}.board>div:first-child,.board>div:nth-child(2),.board>div:nth-child(3){border-top:none}.board>div:nth-child(3),.board>div:nth-child(6),.board>div:nth-child(9){border-right:none}.board>div:nth-child(7),.board>div:nth-child(8),.board>div:nth-child(9){border-bottom:none}.first-user-color{color:#cf2525}.second-user-color{color:#5ab738}.win-color{-webkit-animation:flip-diagonal-1-tr 1s cubic-bezier(.455,.03,.515,.955) both;animation:flip-diagonal-1-tr 1s cubic-bezier(.455,.03,.515,.955) both;background-color:#7979d5}@-webkit-keyframes flip-diagonal-1-tr{0%{-webkit-transform:rotate3d(1,1,0,0deg);transform:rotate3d(1,1,0,0deg)}to{-webkit-transform:rotate3d(1,1,0,1turn);transform:rotate3d(1,1,0,1turn)}}@keyframes flip-diagonal-1-tr{0%{-webkit-transform:rotate3d(1,1,0,0deg);transform:rotate3d(1,1,0,0deg)}to{-webkit-transform:rotate3d(1,1,0,1turn);transform:rotate3d(1,1,0,1turn)}}@media(max-width:600px){.board{width:450px}.board div{font-size:5rem;width:150px}}@media(max-width:450px){.board{width:300px}.board div{width:100px}}.user-panel{justify-content:space-around;margin:0 auto;max-width:600px}.score-wrapper,.user-panel{align-items:center;display:flex}.score-wrapper{justify-content:space-between}.first-user-panel,.second-user-panel{align-items:center;display:flex;flex-direction:column}.first-user-panel>*,.second-user-panel>*{font-size:1.5rem;font-weight:600}.first-user-panel{color:#cf2525}.first-user-name{background-color:#cf2525;border:2px solid #cf2525;border-radius:.5rem;box-shadow:5px 5px 5px #971a1a;color:#fff;font-size:2rem;margin:0;padding:1rem;text-decoration:underline;width:3rem}.second-user-panel{color:#5ab738}.second-user-name{background-color:#5ab738;border:2px solid #5ab738;border-radius:.5rem;box-shadow:5px 5px 5px #49972d;color:#fff;font-size:2rem;margin:0;padding:1rem;text-decoration:underline;width:3rem}.inactive{background-color:transparent;color:inherit;text-decoration:none;-webkit-transform:scale(.8);transform:scale(.8);transition:all 1s cubic-bezier(.075,.82,.165,1)}@media(max-width:450px){.first-user-panel>*,.second-user-panel>*{font-size:1rem}.first-user-name,.second-user-name{font-size:1.5rem;padding:.6rem;width:2rem}}
/*# sourceMappingURL=main.50176c4e.css.map*/