body {
  background-color: darkgreen;
}

#top-row {
  height: 20px;
}

div.gamer {
  color: white;
}

.statistic {
  color: white;
  font-size: 3em;
}

#gamer-action {
  margin: 20px;
}

div.empty-card {
  width: 110px;
  height: 148.5px;
  background-color: darkgreen;
  border: solid 2px green;
  border-radius: 5px;
}

#gamer-action-history {
  color: white;
}

.history-element {
  display: inline-grid;
  margin-right: 10px;
}

#gamer-action-history > span {
  font-size: 1.5em;
}

.my-card > .empty-card {
  width: 120px;
  height: 162px;
  background-color: darkgreen;
  border: solid 2px green;
  border-radius: 5px;
}

.action-card.nine div.empty-card {
  width: 110px;
  height: 100%;
  background-color: darkgreen;
  border: solid 1px yellow;
  border-radius: 5px;
}

.my-card {
  width: 120px;
  /*height: 140px;*/
  display: inline-block;
  margin-left: 2px;
  margin-right: 2px;
  /*cursor: move;*/
}

#gamer-action-history img {
  vertical-align: unset;
  width: 60px;
  height: 81px;
}

#gamer-action-history .empty-card {
  vertical-align: unset;
  width: 60px;
  height: 81px;
}

card-t {
  vertical-align: unset;
  width: 110px;
  height: 148.5px;
}

card-t > img {
  vertical-align: unset;
  width: 110px;
  height: 148.5px;
}

.my-card > card-t > img {
  vertical-align: unset;
  width: 120px;
  height: 100%;
}

.my-card.active img {
  animation: 500ms infinite alternate jumping;
  animation-timing-function: ease-in;
}

#chat-buttons {
  margin-bottom: 5px;
}

#inputMessage {
  margin-bottom: 5px;
}

@keyframes jumping {
  from {
    padding: 0px;
  }
  to {
    padding: 10px;
  }
}
.action-cards {
  display: block;
}

#action-container {
  overflow-x: auto;
  white-space: nowrap;
}

#gamer-winner {
  color: orangered;
  font-size: 2em;
  font-weight: bold;
}

.btn.btn-primary.action-button {
  width: 100%;
  height: 85px;
  margin: 0px;
  margin-bottom: 15px;
}

.btn.btn-primary.action-button-second {
  height: 55px;
  margin: 0px;
  margin-right: 15px;
}

.action-card-separator {
  height: 3px;
}

p#cards-count {
  font-size: 2em;
}

.card {
  width: 110px;
  margin: 2px;
}

.action-gamer-name {
  color: white;
  text-align: center;
  margin: 0px;
}

.action-card {
  width: 110px;
  height: 148.5px;
  margin-left: 2px;
  margin-right: 2px;
  display: inline-block;
}

.action-card {
  width: 110px;
  height: 148.5px;
  display: inline-block;
}

.gamer-card-number {
  font-weight: bold;
}

.counter {
  font-size: 5em;
  color: white;
}

.counter-my-card {
  display: inline-block;
}

.card-t1 {
  width: 90px;
}

.gamer-name {
  width: 100%;
  text-align: center;
  font-weight: bold;
}

.btn.btn-primary, .btn.btn-secondary {
  margin: 4px;
}

div.card.active {
  display: inline-block;
  border: solid red 3px;
  padding: 4px;
}

div.scroll {
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
}

#sendmessage-text {
  display: block;
  width: 100%;
  margin-top: 5px;
  margin-bottom: 5px;
}

p#cards-count {
  color: white;
  text-align: center;
}
/*# sourceMappingURL=styles.css.map */