#root,body,html{align-items:center;background-color:#444;display:flex;height:100%;justify-content:center;margin:0;width:100%}.board{display:flex;flex-wrap:wrap;height:50vw;width:50vw}.button{border:none;border-radius:10%;box-shadow:0 3px 0;color:#ddd;display:flex;height:29%;margin:2%;padding:0;transition:box-shadow .1s ease-out,background-color .1s ease-out,color .1s ease-out,-webkit-transform .1s ease-out;transition:transform .1s ease-out,box-shadow .1s ease-out,background-color .1s ease-out,color .1s ease-out;transition:transform .1s ease-out,box-shadow .1s ease-out,background-color .1s ease-out,color .1s ease-out,-webkit-transform .1s ease-out;width:29%}.button:active{box-shadow:0 0 0;-webkit-transform:translateY(3px);transform:translateY(3px)}.player1{background-color:#f46a6a;color:#c54e4e}.player1win{background-color:#c73737;color:#842929}.player2{background-color:#66cbf0;color:#4ca1c0}.player2win{background-color:#1f7999;color:#18637e}@media (orientation:landscape){.board{height:50vh;width:50vh}}
/*# sourceMappingURL=main.d2029dbd.css.map*/