#currentResult, #possibleResult {
	font-size: 80px;
    text-align: center;
    max-width: 30%;
    margin: 0 auto;
}

.tile-container {
    max-width: 320px;
}

.tile-container input, .tile-container .btn {
    max-width: 34px;
    font-size: 25px;
    text-align: center;
    margin-bottom: 10px;
}

.tile-container .btn {
    padding-left: 8px;
}

.tile-container .btn.selected {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;    
}

#tile-set {
  padding: 10px;
  border: 1px solid #ddd;
  display: inline-block;
}
#tile-set .ts-row {
  margin-bottom: 10px;
}
#tile-set .ts-row.first-choice input {
  background-color: green;
  color: #fff;
}

#tile-set .ts-row.first-choice input:placeholder {
  color: #fff;
}

#tile-set .ts-row.second-choice input {
  background-color: greenyellow;
  color: #fff;
}
#tile-set .ts-row.second-choice input:placeholder {
    color: #fff;
}

#tile-set .ts-row input {
  width: 40px;
  text-align: center;
  font-weight: bold;
  text-transform: uppercase;  
  cursor: pointer;
}

#check, #reset {
  margin-top: 10px;
}

.row-btns {
    margin-top: 10px;
    margin-bottom: 10px;
}

.row-btns .btn.selected {
    color: #fff;
    background-color: #333;
}

#probability span {
    padding: 0 10px;
    border-right: 1px solid #fff;
    display: inline-block;
    margin-bottom: 10px;    
}