body{margin:0}.flip-container{-webkit-perspective:1000;-moz-perspective:1000;-ms-perspective:1000;perspective:1000px;-ms-transform:perspective(1000px);-moz-transform:perspective(1000px);-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;display:block;max-width:200px;max-height:200px;position:absolute;left:0;top:0;min-height:100%}.flip-container:hover .back,.flip-container.hover .back{-webkit-transform:rotateY(0deg);-moz-transform:rotateY(0deg);-o-transform:rotateY(0deg);-ms-transform:rotateY(0deg);transform:rotateY(0deg);display:block}.flip-container:hover .front,.flip-container.hover .front{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-o-transform:rotateY(180deg);transform:rotateY(180deg)}.flip-container,.front,.back{width:100%;height:auto;margin-bottom:15px}.flipper{-webkit-transition:.6s;-webkit-transform-style:preserve-3d;-ms-transition:.6s;-moz-transition:.6s;-moz-transform:perspective(1000px);-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transition:.6s;transform-style:preserve-3d;position:relative}.front,.back{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:.6s;-webkit-transform-style:preserve-3d;-webkit-transform:rotateY(0deg);-moz-transition:.6s;-moz-transform-style:preserve-3d;-moz-transform:rotateY(0deg);-o-transition:.6s;-o-transform-style:preserve-3d;-o-transform:rotateY(0deg);-ms-transition:.6s;-ms-transform-style:preserve-3d;-ms-transform:rotateY(0deg);transition:.6s;transform-style:preserve-3d;transform:rotateY(0deg);position:absolute;top:0;left:0}.front{-webkit-transform:rotateY(0deg);-ms-transform:rotateY(0deg);z-index:2}.back{-webkit-transform:rotateY(-180deg);-moz-transform:rotateY(-180deg);-o-transform:rotateY(-180deg);-ms-transform:rotateY(-180deg);transform:rotateY(-180deg)}