.flashcard-container{perspective:1000px}.flashcard{width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s ease-in-out;position:relative}.flashcard.flipped{transform:rotateY(180deg)}.flashcard-front,.flashcard-back{-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:1rem;width:100%;height:100%;position:absolute}.flashcard-back{transform:rotateY(180deg)}