.card{perspective:150rem;position:relative;height:13rem;width:13rem;--tw-rotate: 5deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.card-side{position:absolute;inset:0;overflow:hidden;border-radius:.5rem;-webkit-backface-visibility:hidden;backface-visibility:hidden}.card-side.front{-webkit-animation:spin 6s linear infinite;animation:spin 6s linear infinite}.card-side.back{-webkit-animation:spin-back 6s linear infinite;animation:spin-back 6s linear infinite;transform:rotateY(-180deg)}@-webkit-keyframes spin{0%{transform:rotateY(0) translateY(0)}50%{transform:rotateY(180deg) translateY(6%)}to{transform:rotateY(360deg) translateY(0)}}@keyframes spin{0%{transform:rotateY(0) translateY(0)}50%{transform:rotateY(180deg) translateY(6%)}to{transform:rotateY(360deg) translateY(0)}}@-webkit-keyframes spin-back{0%{transform:rotateY(-180deg) translateY(0)}50%{transform:rotateY(0) translateY(6%)}to{transform:rotateY(180deg) translateY(0)}}@keyframes spin-back{0%{transform:rotateY(-180deg) translateY(0)}50%{transform:rotateY(0) translateY(6%)}to{transform:rotateY(180deg) translateY(0)}}