:root{font-size:16px}body{background-color:#7341a5}.status{font-weight:700;font-family:Georgia,Times New Roman,Times,serif;font-size:1.25rem;margin-top:1.25rem;display:flex;justify-content:center;align-items:center}.login__waiting{color:#0ff;font-weight:700;font-family:Georgia,Times New Roman,Times,serif;font-size:1.25rem;margin-top:1.25rem;display:flex;justify-content:center;align-items:center}.login_h1{color:#fff;font-size:3.125rem}.login{display:flex;flex-direction:column;justify-content:center;align-items:center;height:90vh}.login__form label{margin-right:.625rem}span{color:#fff;font-weight:700;font-size:2.188rem}.login__form input{margin-left:.625rem;padding:.938rem;border-radius:.938rem;border:none}.login__button{padding:.938rem;background-color:#007bff;color:#fff;font-size:medium;border-radius:.5rem;border:none;cursor:pointer}button:hover{background-color:#0056b3}.content__header{margin-top:1.25rem;background-color:#faebd7;padding:1.25rem;border-radius:.625rem;display:flex;justify-content:space-between}.logout_btn{background-color:#007bff;color:#fff;font-size:medium;padding:.938rem;border-radius:.5rem;border:none;cursor:pointer}.content__header h1{margin:0}.content__scores{margin-top:1.25rem;display:flex;justify-content:space-between;padding:1.25rem;border-radius:.625rem;background-color:#faebd7}.content__scores h2{margin:0}.correct__btn{background-color:#3fc733;color:#fff;font-size:medium;padding:.938rem;border-radius:.5rem;border:none;cursor:pointer;margin-right:1.875rem}.incorrect__btn{background-color:#cc644a;color:#fff;font-size:medium;padding:.938rem;border-radius:.5rem;border:none;cursor:pointer}.answer__buttons{display:flex;justify-content:center;margin-top:1.875rem}.flip__button{background-color:#2a939c;color:#fff;font-size:medium;padding:.938rem;border-radius:.5rem;border:none;cursor:pointer;margin-top:1.875rem}.back__answer{font-size:1.25rem;display:flex;justify-content:center;align-items:center;flex-direction:column;margin:1.25rem}.front__question{font-size:1.25rem;display:flex;justify-content:center;align-items:center;height:18.75rem;flex-direction:column}.collection_container{margin:3.125rem;display:flex;flex-direction:column;align-items:center;padding:3.125rem;border-radius:.625rem;background-color:#faebd7}.collection_btn{background-color:#348f97;color:#fff;font-size:3rem;height:5rem;width:16.5rem;border-radius:.5rem;border:none;cursor:pointer;margin-left:2.5rem;margin-top:3.75rem}.backBtn_container{display:flex;justify-content:center;margin-top:1.25rem}.backBtn_container button{background-color:#cc993b;color:#fff;font-size:medium;padding:.938rem;border-radius:.5rem;border:none;cursor:pointer;margin-right:1.875rem}.flashcard__container{background-color:transparent;height:18.75rem;width:31.25rem;perspective:62.5rem;border-radius:1.25rem}.flashcard__container:hover .flashcard__inner{transform:rotateY(180deg)}.flashcard__inner{width:100%;height:100%;text-align:center;transition:transform .8s;transform-style:preserve-3d;box-shadow:.313rem .313rem .313rem #0000001a;background-color:#ff0;border-radius:1.25rem;display:flex;align-items:center;justify-content:center}.flashcard__back{transform:rotateY(180deg)}.flashcard__front,.flashcard__back{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden}.mainDiv{width:100%;display:flex;justify-content:center;align-items:center;margin-top:3.125rem}