.flip-container{perspective:1000px;position:relative}.front,.back{position:absolute;top:0;left:0;width:100%;height:100%;backface-visibility:hidden}.flip-container:hover .flipper,.flip-container.hover .flipper{transform:rotateY(180deg)}.flipper{transition:.6s;transform-style:preserve-3d;position:relative;display:flex;align-items:center;width:100%;height:100%;min-height:200px;min-width:200px}.front{z-index:2;transform:rotateY(0deg)}.back{transform:rotateY(180deg)}.blink_me{animation:blinker 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes blinker{50%{opacity:0}}.rota{-webkit-animation:rota .5s ease-in-out 1;animation:rota .5s ease-in-out 1}@keyframes rota{0%{-ms-transform:rotate(10deg);-webkit-transform:rotate(10deg);transform:rotate(10deg)}25%{-ms-transform:rotate(-10deg);-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}50%{-ms-transform:rotate(10deg);-webkit-transform:rotate(10deg);transform:rotate(10deg)}75%{-ms-transform:rotate(-10deg);-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}100%{-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}}