body {
  margin: 0px;
  padding: 20px;
  font-family: Arial, sans-seriff;
  background: #E7C6FF;
}

#playing-cards {display: flex;
justify-content:
center;
flex-wrap: wrap;
gap:20px;
}

.card {
width: 200px;
height: 420px;
padding: 16px;
background-color: white;
border-radius: 12px;
box-shadow: 0 4px 10px rgba(0,0,0,0.25);
display: flex;
flex-direction: column;
justify-content:space-between;
}

.left {
  align-self:flex-start;
  font-weight: bold;
}

.middle {
  display: flex;
  flex-direction: column;
  align-self:center;
  font-size: 28px;
}

.right {
  align-self: flex-end;

}

p { 
  font-size: 10px
}

.reflection {
width: 420px;
height: 120px;
padding: 16px;
background-color: white;
border-radius: 12px;
box-shadow: 0 4px 10px rgba(0,0,0,0.25);