.container[data-v-e8ff8c62]{position:relative;height:400px}.container .flex-row-wrap-center-center[data-v-e8ff8c62]{-ms-flex-flow:row wrap;flex-flow:row wrap}.container .flex-row-nowrap-center-center[data-v-e8ff8c62],.container .flex-row-wrap-center-center[data-v-e8ff8c62]{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.container .flex-row-nowrap-center-center[data-v-e8ff8c62]{-ms-flex-flow:row nowrap;flex-flow:row nowrap}.container .test[data-v-e8ff8c62]{width:100%;height:100%}.container .test .card[data-v-e8ff8c62],.container .test[data-v-e8ff8c62]{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.container .test .card[data-v-e8ff8c62]{width:300px;height:300px;perspective:500px}.container .test .card .face[data-v-e8ff8c62]{width:300px;height:300px;transition:.5s;backface-visibility:hidden}.container .test .card .back[data-v-e8ff8c62]{font-size:5em;position:absolute;transform:rotateY(180deg);backface-visibility:hidden;transition:.5s}.container .test .card:hover .face[data-v-e8ff8c62]{transform:rotateY(-180deg)}.container .test .card:hover .back[data-v-e8ff8c62]{transform:rotateY(0deg)}