.flip_card{position:relative;max-width:15rem;margin:1rem auto;z-index:0;transform:translateZ(100px)}.flip_card .card_head{counter-increment:card-number;position:absolute;display:flex;width:100%;height:100%;padding:4rem;justify-content:center;align-items:center;font-size:1.2rem;font-weight:700;color:#fff;background-image:url(006913aa8d7432f4d76b77554c46f5eed653dd56c4b6c37daa1b6909effd754c.png);background-size:cover;transform-style:preserve-3d;backface-visibility:hidden}.flip_card .card_head:before{content:counter(card-number) " ";position:absolute;margin-top:0;font-size:15rem;font-family:Cambria,Cochin,Georgia,Times,Times New Roman,serif;color:hsla(0,0%,100%,.5)}.flip_card .card_tail{width:100%;height:100%;padding:3.5rem 2rem 2.5rem;font-weight:700;color:#fff;text-align:center;vertical-align:middle;font-size:1rem;line-height:1.5rem;background-color:#2f308d;transform-style:preserve-3d;backface-visibility:hidden}.flip_card>*{border-radius:.5rem;transition-duration:.6s;transition-property:transform;transition-timing-function:ease-in-out}@media (prefers-reduced-motion:no-preference){@media not all and (hover:none){.flip_card:hover>.card_head{transform:perspective(1000px) RotateX(180deg)}.flip_card:not(:hover)>.card_tail{transform:perspective(1000px) RotateX(-180deg)}.flip_card:hover>.card_tail,.flip_card:not(:hover)>.card_head{transform:perspective(1000px) RotateX(0)}}}@media (prefers-reduced-motion:no-preference) and (hover:none){.flip_card{user-select:none}.flip_card:active>.card_head{transform:perspective(1000px) RotateX(180deg)}.flip_card:not(:active)>.card_tail{transform:perspective(1000px) RotateX(-180deg)}.flip_card:active>.card_tail,.flip_card:not(:active)>.card_head{transform:perspective(1000px) RotateX(0)}}