@import url(https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap);body{background-color:#073642;color:#fff;font-family:Roboto Mono,monospace;margin:0}footer,header{text-align:center}header{border-bottom:1px solid #fff;font-size:25px;margin:0 20px}a{color:#fff;text-decoration:none}#root{flex-direction:column;height:100vh}#root,.menu{display:flex}.menu{align-items:start;flex:2 1;justify-content:center}.menu-item{cursor:pointer;font-size:40px;padding:60px 40px;text-align:center}.menu-item:hover{background-color:#002b36;border-radius:25px}.menu-item-vs{font-size:18px;font-weight:700}.menu-header{align-items:end;display:flex;flex:1 1;justify-content:center;padding-bottom:50px}.back-button{cursor:pointer;font-size:20px}.board{align-items:center;display:flex;flex:2 1;flex-direction:column}.board-reset-btn{border:1px solid #999;border-radius:25px;cursor:pointer;font-size:20px;margin-top:40px;padding:10px 20px}.square{align-items:center;background-color:#073642;border:2px solid #fff;color:#fff;display:flex;float:left;font-size:90px;font-weight:700;height:125px;justify-content:center;line-height:34px;padding:0;position:relative;text-align:center;width:125px}.no-border-top{border-top-width:0}.no-border-right{border-right-width:0}.no-border-bottom{border-bottom-width:0}.no-border-left{border-left-width:0}.o-move:before{animation:moveO .25s cubic-bezier(.35,1.55,.65,1) forwards;border:5px solid #fff;border-radius:50%;content:"";height:70%;position:absolute;width:70%}.x-move:before{animation:moveXBefore .25s cubic-bezier(.35,1.55,.65,1) forwards;transform:rotate(45deg)}.x-move:after,.x-move:before{background-color:#fff;border-radius:5px;content:"";height:100%;position:absolute;width:5px}.x-move:after{animation:moveXAfter .25s cubic-bezier(.35,1.55,.65,1) forwards;transform:rotate(-45deg)}.winner{background-color:#268bd2}.status{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:end}.score-wrapper{grid-gap:20px;align-items:center;display:grid;gap:20px;grid-template-columns:1fr auto 1fr;width:100%}.player-name{font-size:20px;margin:0}.player-name.left{text-align:right}.player-name.right{text-align:left}.status-score{align-items:center;display:flex;font-size:40px;margin:0;white-space:nowrap}.status-info{font-size:25px;margin-bottom:40px}@keyframes moveO{0%{opacity:0;transform:scale(.6)}60%{opacity:1;transform:scale(1.05)}to{transform:scale(1)}}@keyframes moveXBefore{0%{transform:scale(.3) rotate(45deg)}to{transform:scale(1) rotate(45deg)}}@keyframes moveXAfter{0%{transform:scale(.3) rotate(-45deg)}to{transform:scale(1) rotate(-45deg)}}@media screen and (max-width:500px){.menu{align-items:center;flex-direction:column}}@media screen and (max-width:375px){.square{font-size:60px;height:90px;width:90px}.status-info{font-size:18px;margin-bottom:20px}.player-name{font-size:12px}.status-score{font-size:20px}}
/*# sourceMappingURL=main.5159b9e1.css.map*/