.container[data-v-3339bf60]{position:relative;height:400px}.container .flex-row-wrap-center-center[data-v-3339bf60]{-ms-flex-flow:row wrap;flex-flow:row wrap}.container .flex-row-nowrap-center-center[data-v-3339bf60],.container .flex-row-wrap-center-center[data-v-3339bf60]{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-3339bf60]{-ms-flex-flow:row nowrap;flex-flow:row nowrap}.container .test[data-v-3339bf60]{width:100%;height:100%;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-3339bf60]{width:70%;height:80%;margin:0 auto;position:absolute;background:repeating-linear-gradient(-45deg,#e8544d,#e8544d 10px,#fff 0,#fff 20px,#75adf8 0,#75adf8 30px,#fff 0,#fff 40px) -20px -20px;padding:5px;transition:.5s}.container .test .card .text[data-v-3339bf60]{width:100%;height:100%;padding:10px;background:#fff}.container .test .card[data-v-3339bf60]:hover{box-shadow:0 3px 10px rgba(0,0,0,.5);background-position:0 0}