/* 2d_transform.css */

#mollang,
#ham,
#cat {
  transition: transform 0.5s;
}

#mollang:hover {
  transform: rotate(45deg);
}

#ham:hover {
  transform: scale(2);
}

.move-right {
  transform: translateX(900px);
}

/* solution */
article {
  position: relative;
}
article section {
  position: absolute;
  top: 2.44em;
  width: 500px;
  left: -500px;
  padding: 0 1em 0.5em 0.5em;
  background-color: rgba(238, 197, 144, 0.95);
  transition: transform 0.5s;
}
article section nav {
  width: 110%;
  text-align: right;
  background-color: rgba(245, 235, 220, 0.95);
  padding: 0.5em;
}

.visible {
  transform: translateX(500px);
}