body{margin:0}#app{display:flex;height:100vh;width:100%;justify-content:center;align-items:center;background-color:#add8e67a;background-image:url(/assets/watercolor-DSW1Wsp7.webp);background-blend-mode:color}.card[data-v-0e157fca]{width:300px;height:420px;perspective:500px}.content[data-v-0e157fca]{position:absolute;width:100%;height:100%;box-shadow:0 0 15px #0000001a;transition:transform 1s;transform-style:preserve-3d}.clicked .content[data-v-0e157fca]{transform:rotateY(180deg);transition:transform .5s}.front[data-v-0e157fca],.back[data-v-0e157fca]{position:absolute;height:100%;width:100%;border-radius:5px;backface-visibility:hidden}.front[data-v-0e157fca] img[data-v-0e157fca],.back[data-v-0e157fca] img[data-v-0e157fca]{width:100%;height:100%;border-radius:5px;border:1px solid rgba(0,0,0,.243)}.front[data-v-0e157fca]{cursor:pointer}.back[data-v-0e157fca]{transform:rotateY(180deg)}