.container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh}.setHolder{display:flex;flex-direction:column;justify-content:center;align-items:center;align-content:center}.flashcard{width:300px;height:200px;background-color:#fff;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.2);display:flex;align-items:center;justify-content:center;font-size:24px;perspective:1000px;text-align:center}.frontText{font-size:24px}.flashmessage{display:none;font-size:30px;color:red;margin-top:10px;text-align:center}#back{display:flex;justify-content:center;align-items:center}.backText{font-size:54px;color:#000}.bottomBar{display:flex;flex-wrap:wrap;justify-content:center;margin-top:20px;width:fit-content;height:fit-content;padding:10px;gap:20px;background-color:#f1f1f1;border-radius:10px}.bottomBar button{background-color:#007BFF;color:#fff;border:none;padding:10px 20px;font-size:16px;cursor:pointer;border-radius:5px}.cardCount{font-size:18px;margin-bottom:10px;margin-top:20px;color:#333;width:100%;text-align:center;font-weight:700}.bottomRow button{margin:0 10px;padding:10px 20px;font-size:16px;border:none;border-radius:5px;cursor:pointer;width:100px;height:40px}.bottomBar button i{margin-right:5px;font-size:20px}.bottomRow button:hover{background-color:#ddd}.flipAnimation{animation-name:flip;animation-duration:0.5s;animation-fill-mode:forwards}@keyframes flip{0%{transform:rotateY(0deg)}100%{transform:rotateY(180deg)}}.fadeOut{animation-name:fadeOut;animation-duration:0.1s;animation-fill-mode:forwards;animation-delay:0.1s}.fadeOutText{animation-name:fadeOut;animation-duration:1s;animation-fill-mode:forwards}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.fadeIn{animation-name:fadeIn;animation-duration:0.1s;animation-fill-mode:forwards}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.leftSlide{animation-name:leftSlide;animation-duration:0.5s;animation-fill-mode:forwards}@keyframes leftSlide{0%{transform:translateX(-100%)}100%{transform:translateX(0)}}.rightSlide{animation-name:rightSlide;animation-duration:0.5s;animation-fill-mode:forwards}@keyframes rightSlide{0%{transform:translateX(100%)}100%{transform:translateX(0)}}.leftSlideOut{animation-name:leftSlideOut;animation-duration:0.2s;animation-fill-mode:forwards}@keyframes leftSlideOut{0%{transform:translateX(0)}100%{transform:translateX(-100%)}}.rightSlideOut{animation-name:rightSlideOut;animation-duration:0.2s;animation-fill-mode:forwards}#dropdownholder{display:flex;justify-content:center;align-items:center;width:50%;margin:auto;margin-top:20px;margin-bottom:20px}#dropdownholder select{padding:10px;font-size:16px;border-radius:5px;border:1px solid #ccc}@keyframes rightSlideOut{0%{transform:translateX(0)}100%{transform:translateX(100%)}}@media (max-width:800px) and (orientation:landscape){.flashcard{width:60vw;height:30vw;font-size:18px}.frontText{font-size:18px}.backText{font-size:36px}}