.playercards {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  align-items: flex-end;
  margin: -0.75rem -0.25rem;
}

.playercard {
  width: 295px;
  margin: 0.75rem 0.25rem;
}

.playercard-info {
  background: #ffd014;
  display: flex;
  height: 4rem;
  color: black;
}

.playercard:hover img {
  scale: 1.1;
}

.playercard:not(:hover) img {
  filter: saturate(.7);
}

.playercard-image {
  overflow: hidden;
  height: 365px;
  border: 1px solid #ffd01477;
  border-bottom: 0;
  background: #ffde0140f;
}

.playercard-image img {
  width: 100%;
  transition: all .5s ease-in-out;
}

.playercard-number {
  height: 4rem;
  color: white;
  font-size: 3rem;
  font-weight: bold;
  text-align: center;
  line-height: 4rem;
  padding: 0 0.5rem;
  background: black;
}

.playercard-meta {
  padding: 0 0.5rem;
}

.playercard-name {
  font-size: 1.5rem;
  letter-spacing: 0;
}

.playercard-name b {
  text-transform: uppercase;
}

.playercard-since {
  text-transform: uppercase;
  letter-spacing: 1.5px;
  font-size: 0.85rem;
  margin-top: -0.25rem;
}