#bs-container {
  width: 100%;
  min-height: 100%;
  margin: 60px 0 auto;
  font-family: 'Monda', sans-serif;
}

#bs-table {
  width: 90%;
  min-height: 300px;
  background-color: #194D1E !important;
  border-radius: 5px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.8);
  padding: 10px;
  margin: 10px auto;
}

#bs-table h3 {
  text-align: center;
  color: white !important;
}

#bs-buttons {
  text-align: center;
  margin-bottom: 10px;
}

#bs-score {
  text-align: center;
}

#bs-deal,
#bs-hit,
#bs-stand {
  color: black !important;
  outline: none;
}

#bs-player,
#bs-dealer,
#bs-player-wins,
#bs-dealer-wins {
  color: black !important;
}

#bs-messages {
  text-align: center;
  margin-bottom: 10px;
}

.win {
  color: green;
}

.bust {
  color: red;
}

#bs-dealer-hand,
#bs-player-hand {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  min-height: 100px;
}

.bs-card {
  background: white;
  width: 70px;
  height: 100px;
  border-radius: 2px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.8);
  margin: 5px;
  padding: 0 5px;
  color: black !important;
  &:hover {
    color: inherit;
  }
}

.bs-suit-red {
  color: red !important;
}

.bs-card-top {
  height: 20%;
  font-size: 0.9em;
}

.bs-card-bottom {
  text-align: right;
  margin-top: -15px;
  height: 20%;
  font-size: 0.9em;
}

.bs-card-suit {
  height: 60%;
  text-align: center;
  font-size: 30px;
  margin: 5px 0;
}