.flashcard-container{width:100%;max-width:400px;height:250px;perspective:1000px;cursor:pointer}.flashcard{width:100%;height:100%;position:relative;transition:transform .6s;transform-style:preserve-3d}.flashcard.is-flipped{transform:rotateY(180deg)}.flashcard-face{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;display:flex;align-items:center;justify-content:center}.flashcard-back{transform:rotateY(180deg)}