.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:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align: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:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align: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;-webkit-transition:.5s;transition:.5s}.container .test .card .text[data-v-3339bf60]{width:100%;height:100%;padding:10px;background:#fff}.container .test .card[data-v-3339bf60]:hover{-webkit-box-shadow:0 3px 10px rgba(0,0,0,.5);box-shadow:0 3px 10px rgba(0,0,0,.5);background-position:0 0}