.card{height:14rem;width:10rem;font-weight:700;font-size:4rem;box-sizing:border-box;padding:0 .4rem;margin:.5rem;border-radius:1rem;display:flex;justify-content:center;align-items:center;color:#fff2f1;border:4px solid #fff2f1}@media screen and (max-width:600px){.card{height:7rem;width:5rem;font-size:2rem;padding:0 .2rem;border:2px solid;border-radius:.5rem}}.game{height:100%;padding:0 2rem;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-around}.game h1{text-align:center}.game .middle{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:1rem}.game .middle button{width:7rem}.game .player{width:45%;height:100%;min-height:24rem;padding:1rem;text-align:center;border:4px solid transparent;background-color:#303846;border-radius:2rem}.game .played-cards{display:flex;flex-direction:row;flex-wrap:wrap}.game.war h1{color:#c73e1d}.game.war .player,.game.war button{border-color:#c73e1d}.game-over{display:flex;flex-direction:column;justify-content:center;align-items:center}@media screen and (max-width:1500px){.game{flex-direction:column;flex-wrap:nowrap}.game .player{width:100%}}body{height:100vh;margin:0;font-family:"Roboto",sans-serif;background-color:#171b21}#root{height:100%}*{color:#fff;box-sizing:border-box}.app{height:100%;display:grid;grid-template-rows:1fr 10fr 1fr}.app header{text-align:center}.app footer{display:flex;flex-direction:row-reverse;align-items:flex-end;padding:.1rem}.app footer a img{height:3rem;width:3rem;padding:.2rem;cursor:pointer;border:2px solid transparent;border-radius:2rem}.app footer a img:hover{border:2px solid #fff}.app button{background:none;font:inherit;cursor:pointer;padding:1rem;border-radius:.5rem;background-color:#303846;border:4px solid transparent}.app button:hover{background-color:#384252}
/*# sourceMappingURL=main.9e6511c5.chunk.css.map */