.black_card {
  border: #222 2px solid;
  font-size: 30px;
  font-weight: bold;
  color: white;
  background-color: #222;
  width: 50px;
  height: 60px;
  line-height: 56px;
  text-align: center;
  vertical-align: middle; }

.white_card {
  border: #222 2px solid;
  font-size: 30px;
  font-weight: bold;
  color: #222;
  background-color: white;
  width: 50px;
  height: 60px;
  line-height: 56px;
  text-align: center;
  vertical-align: middle; }

.error_black_card {
  border: #C30 2px solid;
  font-size: 30px;
  font-weight: bold;
  color: white;
  background-color: #222;
  width: 50px;
  height: 60px;
  line-height: 56px;
  text-align: center;
  vertical-align: middle; }

.error_white_card {
  border: #C30 2px solid;
  font-size: 30px;
  font-weight: bold;
  color: #222;
  background-color: white;
  width: 50px;
  height: 60px;
  line-height: 56px;
  text-align: center;
  vertical-align: middle; }

.num_select_div {
  width: 750px;
  position: absolute;
  text-align: center;
  margin-top: 40px; }

.select_card {
  font-size: 30px;
  font-weight: bold;
  color: white;
  background-color: #369;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  vertical-align: middle; }

.unused_card {
  border: gray 2px solid;
  font-size: 30px;
  font-weight: bold;
  color: white;
  background-color: gray;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  vertical-align: middle; }

.clear_button {
  font-size: 15px;
  font-weight: bold;
  color: white;
  background-color: #369;
  width: 218px;
  height: 20px;
  text-align: center;
  vertical-align: middle; }