.card.scorecard {
  margin: 0 auto;
  /* Added */
  float: none;
  /* Added */
}

.hideNumber {
  color: white;
}

table.linescore tr.away th.inning {
  border: 1px black;
}

/*********************************
  Scoring
  **********************************/
div.onbase {
  margin-bottom: 3px;

}

.flip {
  transform: scale(-1, 1);
  -moz-transform: scale(-1, 1);
  -webkit-transform: scale(-1, 1);
  -o-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}

.center {
  margin: auto;
  padding: 10px;
}

.outs {
  position: absolute;
  bottom: 0;
  right: 20%;
}

#up-triangle {
  width: 0;
  height: 0;
  border-bottom: 50px solid black;
  border-left: 35px solid transparent;
  border-right: 35px solid transparent;
}

#down-triangle {
  width: 0;
  height: 0;
  border-top: 50px solid black;
  border-left: 35px solid transparent;
  border-right: 35px solid transparent;
}

/* .base {
  rotate: 45deg;
  border: 1px solid black;
  width: 25px;
  color: white;
  position: relative;
  margin: auto;
}

#firstbase {
  left: 25px;

}

#thirdbase {
  top: -25px;
  left: -25px;
}

.fullbase {
  background-color: black;
  color: black;
} */

 .diamond {
  position: relative;
  width: 80px;
  height: 80px;
  margin: auto;
}

.base {
  position: absolute;
  width: 20px;
  height: 20px;
  border: 2px solid black;
  transform: rotate(45deg);
  background-color: white;
}

/* Base Positions */
#secondbase {
  top: 0;
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
}

#firstbase {
  right: 0;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
}

#thirdbase {
  left: 0;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
}

#homeplate {
  bottom: 0;
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
}

/* Runner on base */
.fullbase {
  background-color: black;
}

.hidden {
  display:none;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

a.delete-lineup {
  cursor: pointer;
}