body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{width:100%;height:100vh;max-height:-webkit-fill-available;max-height:-moz-available}body{width:100%;max-height:-webkit-fill-available;max-height:-moz-available}#root{width:100%;max-height:-webkit-fill-available;max-height:-moz-available;overflow:hidden}.bg-known{background-color:#2a7096}.bg-due{background-color:#3b9ed4}.App{text-align:center;width:100%;height:100%;overflow:hidden}.inputHolder{display:inline-block;position:relative;height:1.5em}.RightSlideout{animation:\31s\ 1\ ease-in\ slideOutRight}.LeftSlideout{animation:\31s\ 1\ ease-in\ slideOutLeft}@keyframes pipgrow{0%{width:0%;height:0%}50%{width:60%;height:60%}90%{width:150%;height:150%}to{width:100%;height:100%}}@keyframes slideInRight{0%{transform:translate(-100vw) rotate(0)}to{transform:translate(0) rotate(0)}}@keyframes slideInLeft{0%{transform:translate(100vw) rotate(0)}to{transform:translate(0) rotate(0)}}@keyframes slideOutRight{0%{transform:translate(0) rotate(0)}to{transform:translate(100vw) rotate(0)}}@keyframes slideOutLeft{0%{transform:translate(0) rotate(0)}to{transform:translate(-100vw) rotate(0)}}@keyframes slideout{0%{margin-right:0%}to{margin-right:100%}}.hiddenWord{color:#0000}.hiddenWordShown{color:#000}#sentenceInput{font-weight:600;border-radius:0;width:100%;height:100%;position:absolute;left:0;-webkit-user-select:text;margin:0;padding:0;border:0px;-webkit-appearance:none!important;-moz-appearance:none;appearance:none;line-height:normal;text-align:center;outline:none}#sentenceInput{background-color:#00000026;border:0px}#studyCard{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;grid-template-rows:50px 125px auto 50%;font-style:normal;font-weight:400}.studyCardIntermediary{margin-top:100px;display:flex;flex-direction:column;align-items:center;width:700px;overflow:hidden;height:100%}.nextDueDate{text-align:left;color:#999;width:100%}.nextDueDateHidden{color:#fff0}@media only screen and (max-height: 750px){.studyCardIntermediary{margin-top:0}}.studyCardTop{padding-left:1vw;padding-right:1vw;width:95%}.studyCardCourseNameContainer{width:90%;display:flex;flex-direction:row;justify-content:flex-start;align-items:center}.studyCardCourseNameLabel{font-weight:700;font-size:10pt}.studyCardCourseName{margin-left:1vw;font-weight:700}.prog{width:90%;color:#000;margin-top:10px}.romanization{font-size:.5em}.romanization_visible{color:#000}.romanization_hidden{color:#fff}.study_submit{font-weight:700;display:inline-block;border:none;padding:1rem 1.5rem;border-radius:5%;text-decoration:none;background:#5c6bc0;color:#fff;font-family:sans-serif;font-size:1rem;cursor:pointer;text-align:center;-webkit-appearance:none;-moz-appearance:none;margin:10px}.shaking_element{animation:shake .5s;animation-iteration-count:infinite}@keyframes shake{0%{transform:translate(1px,1px) rotate(0)}10%{transform:translate(-1px,-2px) rotate(-1deg)}20%{transform:translate(-3px) rotate(1deg)}30%{transform:translate(3px,2px) rotate(0)}40%{transform:translate(1px,-1px) rotate(1deg)}50%{transform:translate(-1px,2px) rotate(-1deg)}60%{transform:translate(-3px,1px) rotate(0)}70%{transform:translate(3px,1px) rotate(-1deg)}80%{transform:translate(-1px,-1px) rotate(1deg)}90%{transform:translate(1px,2px) rotate(0)}to{transform:translate(1px,-2px) rotate(-1deg)}}.expanding_contracting_element{animation:expand_contract .5s;animation-iteration-count:infinite}@keyframes expand_contract{0%{transform:scale(1.01)}10%{transform:scale(1.02)}20%{transform:scale(1.03)}30%{transform:scale(1.05)}40%{transform:scale(1.048)}50%{transform:scale(1.045)}60%{transform:scale(1.04)}70%{transform:scale(1.035)}80%{transform:scale(1.03)}90%{transform:scale(1.02)}to{transform:scale(1)}}@media only screen and (min-width: 712px){.studyCardMiddle{font-size:20pt}.study_submit{display:inline-block;border:none;padding:1rem 1.5rem;border-radius:5%;text-decoration:none;background:#5c6bc0;color:#fff;font-family:sans-serif;font-size:1rem;cursor:pointer;text-align:center;-webkit-appearance:none;-moz-appearance:none;margin:10px}.studyCardTop{display:flex;flex-direction:row;justify-content:space-between;align-items:center}#studyCard{width:100%;font-style:normal;font-weight:400}.nextDueDate{font-size:14pt}}@media only screen and (max-width: 711px){.studyCardIntermediary{margin-top:1vh;display:flex;flex-direction:column;width:100%;overflow:hidden;align-items:center}.studyCardMiddle{font-size:5vw}#studyCard{width:100%;grid-template-rows:50px 125px auto 50%;font-style:normal;font-weight:400}.studyCardTop{display:flex;flex-direction:column;justify-content:space-between;align-items:center}.studyCardCourseName{font-size:3vw}#deckCount{width:90%;display:flex;flex-direction:row;justify-content:space-between;margin-left:5%;margin-right:5%;font-size:3vw}.deckCountStat{margin-left:1%}.nextDueDate{font-size:2.5vw;margin-top:1vh;width:100%;margin-left:5vw}}#deckCount{margin:5px;font-weight:700;white-space:pre}.deckCountStat{text-align:left}.study_submit{padding:.5rem .75rem}.romanization_incorrect{color:red;font-size:20pt}.romanization_correct{font-size:20pt}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.translationContainer{color:#000;text-align:left;width:100%}.translationContainer_visible{animation:fadeIn 2s;text-align:left}.studyCard_HiddenElement{color:#0000}.LearnPageMain{width:100%}@keyframes growto100width{0%{width:0%}to{width:100%}}.ForgotPassword_SubmitEmailForm{display:flex;flex-direction:row;justify-content:space-between;align-items:center;font-size:12pt}.ForgotPassword_EmailInput{width:80%;height:2em}.ForgotPassword_SubmitEmailButton{padding:10px;margin:10px;height:2.5em;background-color:#2a7096;color:#fff;border-radius:10px}.ForgotPassword_SubmitEmailButton:hover{background-color:#1e516d}.landingPageContainer{display:flex;flex-direction:column}#landingPageLogo{width:60%}.loginBox{background-color:#e8eaf6;border-radius:5%;padding:2%}#loginButton{background-color:#2a7096}#landingPageLogo{width:100%;height:100%}.landingPageMainContainer{width:100%;height:100%;display:flex;flex-direction:row;justify-content:space-evenly;align-items:center}.loginBox{width:95%;height:65%;width:400px;height:400px}.fade-in{transition:opacity 1s ease}.fade-out{opacity:0;transition:opacity 1s ease}@media only screen and (min-width: 768px){.fader{font-size:10vh}}@media only screen and (max-width: 767px){.fader{font-size:2vh}}.fader{font-size:5vh;max-width:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;white-space:nowrap}.NewCourseContainer_Flag{height:66px;width:100px;border-radius:10px}#HomePageContainer{border-width:1px;display:flex;justify-content:flex-start;align-items:center;flex-direction:column}.HomePageBodyContainer{min-height:calc(100vh - 72px);display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.CourseDetailContainer{overflow-x:hidden;overflow:hidden;height:100%}.courseDetail_flag{height:33px;width:50px;border-radius:2px}.CourseDetailStudyMaterials{overflow:scroll;height:calc(100% - 300px);border-top:1px #888888 solid}.courseDetail_AddCardDialogueInput{width:100%}.courseDetail_AddCardDialogue_loadingIcon{width:50px;height:50px}.courseDetail_AddCardDialogue_Title{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.courseDetial_AddCardDialogue_SubmitButton{margin-left:calc(95% - 96px);margin-top:20px;width:96px;height:48px}.CourseDetailBody{overflow:hidden;height:calc(100% - 72px)}.CourseDetailTopPanelInfoBox{text-align:center;margin:1em}.CourseDetailTopPanel{display:flex;flex-direction:row;justify-content:space-between;align-items:center}@media only screen and (max-width: 767px){.CourseDetailTopPanel{height:104px}.CourseDetailStudyMaterials{height:calc(100% - 104px)}}.CourseDetailTopPanelInfoBox{text-align:left}@media only screen and (min-width: 768px){.CourseDetailName{font-size:40pt}}@media only screen and (max-width: 767px){.CourseDetailName{font-size:20pt}}@media only screen and (min-width: 768px){.CourseDetailDesc{font-size:16pt}}@media only screen and (max-width: 767px){.CourseDetailDesc{display:none}}@media only screen and (min-width: 768px){.CourseDetailCount{font-size:28pt}}@media only screen and (max-width: 767px){.CourseDetailCount{font-size:16pt}}.CourseDetailTopPanelButton{font-size:25pt;height:3em;width:70%;display:flex;justify-content:center;align-items:center;color:#fff;border-radius:10px;background-color:#1c375b}@media only screen and (max-width: 767px){.CourseDetailTopPanelButton{height:60px;width:60px;border-radius:100%;margin:20px}}@media only screen and (min-width: 768px){.CourseDetailTopPanelButton{font-size:25pt;height:3em;width:70%;border-radius:10px}}@media only screen and (max-width: 767px){.courseDetailTopPanelButton_WideText{display:none}}@media only screen and (min-width: 768px){.courseDetailTopPanelButton_MobileText{display:none}}@media only screen and (max-width: 768px){.courseDetailTopPanelButton_MobileText{display:flex;flex-direction:row;justify-content:center;align-items:center}}@media only screen and (min-width: 768px){.CourseDetail_TopPanel_ButtonsAndBar{display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;height:auto;min-height:300px;max-height:400px;width:auto;min-width:500px;max-width:600px}}@media only screen and (max-width: 767px){.CourseDetail_TopPanel_ButtonsAndBar{min-width:50%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;height:auto;width:auto}}.CourseDetailTopPanelButton:hover{color:#fff;text-decoration:none;cursor:pointer;background-color:#172d4b}.AboutView{display:flex;flex-direction:column;justify-content:flex-start;align-items:center}@media only screen and (max-width: 767px){.AboutView{width:90vw}}.AboutView_InfoPanel{box-shadow:0 0 5px 1px #c5c5c5;background-color:#f4f4f4;width:95%;margin:20px;height:min-content;justify-content:space-between;align-items:center;border-radius:10px}.AboutView_InfoPanel_Title{background-color:#e8e8e8}.AboutView_InfoPanel_Stats{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}.AboutView_InfoPanel_Slider{width:70%}.AboutView_InfoPanel_Dropdown{margin-left:1ch}.SettingsView_ChangePasswordButton{background-color:#fff;cursor:pointer;border-top:solid 2px #d0d0d0;border-bottom:solid 2px #d0d0d0;padding-top:10px;padding-bottom:10px}.SettingsView_ChangePasswordButton:hover{background-color:#eee}.SettingsView_ChangePasswordForm{display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.SettingsView_ChangePasswordForm_Input{margin:.5em}.SettingsView_ChangePasswordForm_submit{background-color:#2a7096;color:#fff;padding:1em;border-radius:.25em}.SettingsView_ChangePasswordForm_submit:hover{background-color:#1f506b}.landingPage{width:100%;height:100%}.authPage{display:flex;justify-content:center;align-items:center;flex-direction:column;color:#fff;font-size:4vh}.authPageLogo{width:45%;height:45%}