/*styles*/

div {
  display: flex;
  align-items: center;
  height: 100%;
  }
  
  #canvas {
  display: block;
  margin: 60px auto 0 auto;
  transition: 0.5s;
  transform-style: preserve-3d;
  perspective: 500px;
  }
  
  #canvas.flip-right {
  transition: 0.5s;
  transform: rotateY(-180deg);
  }
  
  #canvas.flip-left {
  transition: 0.5s;
  transform: rotateY(180deg);
  }