mau-mau/dist/browser/application.min.css

Card game for 2 or more players, popular in Czech Republic, Germany and other lands

.page {
  position: relative;
  width: 918.5px;
  height: 751.5px;
  padding: 10px;
  margin: 10px auto 10px auto;
  background: url(../../img/wood.jpg);
  opacity: .8; }

.menu, .hands, .hand, .drawing-stack, .playing-stack {
  position: absolute; }

.menu > button, .menu > select {
  display: block;
  margin-bottom: 1ex; }

.hands {
  width: calc(100% - 20px);
  height: calc(100% - 20px); }

.drawing-stack {
  top: calc(50% - 102px);
  left: calc(50% - 127.5px); }

.playing-stack {
  top: calc(50% - 102px);
  left: calc(50% + 25.5px); }

.drawing-stack div.card.from-pack,
.hand div.card.from-pack {
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out; }

.hand div.card.from-player-1 {
  -webkit-transform: translate(334px, 208.75px);
          transform: translate(334px, 208.75px); }

.hand div.card.from-player-2 {
  -webkit-transform: translate(-232px, 208.75px);
          transform: translate(-232px, 208.75px); }

.hand div.card.from-player-3 {
  -webkit-transform: translate(334px, -167px);
          transform: translate(334px, -167px); }

.hand div.card.from-player-4 {
  -webkit-transform: translate(-232px, -167px);
          transform: translate(-232px, -167px); }

.drawing-stack div.card.to-player-1 {
  -webkit-transform: translate(-415px, -167px);
          transform: translate(-415px, -167px); }

.drawing-stack div.card.to-player-2 {
  -webkit-transform: translate(515px, -167px);
          transform: translate(515px, -167px); }

.drawing-stack div.card.to-player-3 {
  -webkit-transform: translate(-365px, 167px);
          transform: translate(-365px, 167px); }

.drawing-stack div.card.to-player-4 {
  -webkit-transform: translate(515px, 167px);
          transform: translate(515px, 167px); }

.hand:nth-child(1) {
  top: -41.75px;
  left: 111.33333px; }

.hand:nth-child(2) {
  top: -41.75px;
  left: calc(100% - 334px); }

.hand:nth-child(3) {
  top: calc(100% - 292.25px);
  left: 111.33333px; }

.hand:nth-child(4) {
  top: calc(100% - 292.25px);
  left: calc(100% - 334px); }

/*# sourceMappingURL=application.min.css.map */