.card {
  width: 110px;
  height: 195px;
  display: inline-block;
  margin: 10px;
  background-repeat: no-repeat;
  background-size: contain;
  transition: top 0.4s ease, left 0.4s ease;
}

.card-back {
  background-image: url(../img/cards/back.png);
}

.card-table {
  position: absolute;
}

/* .card-selectable {
  padding: 5px;
  background-color: limegreen;
  background-position: center;
} */

#deck .card {
  position: absolute;

}

#deck .card:hover {
  cursor: pointer;
}

#playerOneCards .card:hover {
  transform: translateY(-7px);
  transition: 0.2s ease;
  cursor: pointer;
}

#playerOneCards .card,
#playerTwoCards .card {
  margin: 5px;
}

/* HHHHHHHHHHHHHHHHHHHHHHH */
.card-7-H {
  background-image: url(../img/cards/7-H.png);
}
.card-8-H {
  background-image: url(../img/cards/8-H.png);
}
.card-9-H {
  background-image: url(../img/cards/9-H.png);
}
.card-10-H {
  background-image: url(../img/cards/10-H.png);
}
.card-U-H {
  background-image: url(../img/cards/U-H.png);
}
.card-O-H {
  background-image: url(../img/cards/O-H.png);
}
.card-K-H {
  background-image: url(../img/cards/K-H.png);
}
.card-A-H {
  background-image: url(../img/cards/A-H.png);
}



/* BBBBBBBBBBBBBBBBBBBB */
.card-7-B {
  background-image: url(../img/cards/7-B.png);
}
.card-8-B {
  background-image: url(../img/cards/8-B.png);
}
.card-9-B {
  background-image: url(../img/cards/9-B.png);
}
.card-10-B {
  background-image: url(../img/cards/10-B.png);
}
.card-U-B {
  background-image: url(../img/cards/U-B.png);
}
.card-O-B {
  background-image: url(../img/cards/O-B.png);
}
.card-K-B {
  background-image: url(../img/cards/K-B.png);
}
.card-A-B {
  background-image: url(../img/cards/A-B.png);
}



/* AAAAAAAAAAAAAAAAAAAAA */
.card-7-A {
  background-image: url(../img/cards/7-A.png);
}
.card-8-A {
  background-image: url(../img/cards/8-A.png);
}
.card-9-A {
  background-image: url(../img/cards/9-A.png);
}
.card-10-A {
  background-image: url(../img/cards/10-A.png);
}
.card-U-A {
  background-image: url(../img/cards/U-A.png);
}
.card-O-A {
  background-image: url(../img/cards/O-A.png);
}
.card-K-A {
  background-image: url(../img/cards/K-A.png);
}
.card-A-A {
  background-image: url(../img/cards/A-A.png);
}



/* LLLLLLLLLLLLLLL */
.card-7-L {
  background-image: url(../img/cards/7-L.png);
}
.card-8-L {
  background-image: url(../img/cards/8-L.png);
}
.card-9-L {
  background-image: url(../img/cards/9-L.png);
}
.card-10-L {
  background-image: url(../img/cards/10-L.png);
}
.card-U-L {
  background-image: url(../img/cards/U-L.png);
}
.card-O-L {
  background-image: url(../img/cards/O-L.png);
}
.card-K-L {
  background-image: url(../img/cards/K-L.png);
}
.card-A-L {
  background-image: url(../img/cards/A-L.png);
}