body{background-color:green;}
#playing-cards{display:flex;
justify-content: center;
flex-wrap: wrap;
gap: 20px;
font-size: 25px;
font-family: serif;
}
.card{
  height: 150px;
  width: 150px;
  display: flex;
  justify-content: space-between;
  
  border: 2px solid black;
  border-radius: 10px;
  background-color: white;

}

.left {
  align-self: flex-start;
  
}

.middle {
  display: flex;
  flex-direction: column;
  align-self: center;
}

.right {
  align-self: flex-end;
}
.heart{
  color:red;
}
.diamond{color:red;}