html,
body {
  margin: 0;
  padding: 0;
}
canvas {
  display: block;
}
#button {
  background-color: #e0e1db;
  width: 80px;
  height: 40px;
  transition-duration: 0.4s;
  cursor: pointer;
}
#button:hover {
  background-color: #FEFFF8;
  
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.6);
  transform: translate(-50%, -50%) scale(1.15);
  transition: transform 0.1s ease 0s;
}

#reset-button {
  height: 40px;
  transition: transform 0.2s ease 0s;
}
#reset-button:hover {
  transform: scale(1.15);
}

#image {
  height: 200px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: transform 0.2s ease 0.05s;
}
#image:hover {
  transform: translate(-50%, -50%) scale(1.05);
}