* {
  margin:0;
  padding:0;
  outline:0;
  moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
html, body {
  width: 100%;
  height: 100%;
}
.mx-scene {
  z-index: 1;
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
  -moz-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
  cursor:pointer;
}
.mx-object3d.image, .mx-object3d canvas,
.mx-object3d.backface-hidden {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility:    hidden;
  -ms-backface-visibility:     hidden;
}
.mx-object3d.backface-visible, .mx-object3d.backface-visible canvas{
  -webkit-backface-visibility: visible;
  -moz-backface-visibility:    visible;
  -ms-backface-visibility:     visible;
}