body{font-family:Helvetica,sans-serif;margin:0}.container{align-items:center;background-image:url(/static/media/desktop-wallpaper-textured-on-markinternational-info-texture-for-pc.5f80eeccfc1be0b22869.jpg);background-size:cover;display:flex;flex-direction:column;height:100vh;justify-content:center}.square{background-color:#848484;border-radius:0;-webkit-clip-path:polygon(36% 0,0 0,0 29%,0 57%,0 100%,30% 100%,73% 100%,100% 100%,100% 59%,100% 31%,100% 0,74% 0);clip-path:polygon(36% 0,0 0,0 29%,0 57%,0 100%,30% 100%,73% 100%,100% 100%,100% 59%,100% 31%,100% 0,74% 0);height:100px;margin:5px;transition:all .2s;width:100px}.square--X{background-color:#cd493a;-webkit-clip-path:polygon(20% 0,0 20%,30% 50%,0 80%,20% 100%,50% 70%,80% 100%,100% 80%,70% 50%,100% 20%,80% 0,50% 30%);clip-path:polygon(20% 0,0 20%,30% 50%,0 80%,20% 100%,50% 70%,80% 100%,100% 80%,70% 50%,100% 20%,80% 0,50% 30%)}.square--O{background-color:#4392f1;border-radius:50%}.square--X.winner{-webkit-animation:x-winner-animation 2s ease-in-out infinite;animation:x-winner-animation 2s ease-in-out infinite}.square--O.winner{-webkit-animation:o-winner-animation .5s ease-in-out infinite;animation:o-winner-animation .5s ease-in-out infinite}@-webkit-keyframes x-winner-animation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes x-winner-animation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes o-winner-animation{0%{border-radius:50%}50%{border-radius:0}to{border-radius:50%}}@keyframes o-winner-animation{0%{border-radius:50%}50%{border-radius:0}to{border-radius:50%}}.board{flex-direction:column}.board,.row{display:flex}.score-board{display:grid;grid-auto-flow:column;margin-top:5px;width:320px}.score-board div{background-color:#4392f1;color:#fff;font-size:2em;font-weight:700;padding:5px;text-align:center}.score-board div:first-child{background-color:#cd493a}
/*# sourceMappingURL=main.1b772eb0.css.map*/