.theme {
  width: 5.6rem;
  height: 5.6rem;
  border-radius: 100%;
  box-shadow: 0 0.4rem 0.4rem rgba(0, 0, 0, 0.25);
  cursor: pointer;

  -webkit-animation: slide-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
  animation: slide-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) ease-in-out;
}

.theme:hover {
  -webkit-animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
  animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

#color-01 {
  background-color: #FFE5D9;
}
#color-02 {
  background-color: #FEC89A;
}
#color-03 {
  background-color: #EFF6E0;;
}
#color-04 {
  background-color: #B3DEE2;
}