*{margin:0;padding:0}.wrapper{max-width:800px;margin:0 auto}img{width:100%}.flip-container{border:1px solid #ccc}.flip-container.hover .back{transform:rotateY(0deg)}.flip-container.hover .front{transform:rotateY(180deg)}.flip-container,.front,.back{width:100%}.flipper{transition:.3s;transform-style:preserve-3d;position:relative}.front,.back{backface-visibility:hidden;transition:.3s;transform-style:preserve-3d;transform:rotateY(0deg);position:absolute;top:0;left:0}.front{z-index:2}.back{transform:rotateY(-180deg)}/*# sourceMappingURL=main.css.map */