body {
  background-color: rgb(89, 161, 202);
}

.white {
  background-color: white;
}

.red {
  background-color: red;
}

.green {
  background-color: green;
}

.smooth {
  border-radius: 10px;
}

.card{
  border-radius: 10px;
  padding: 10px;
  margin: 10px;
}

.card-image{
  width: 100%;
  height: 200px;
  object-fit: cover;
}

div {
  transition: background-color 1s linear,
  left .6s ease-out 1s,
  transform 1s steps(3, start);
}