*{box-sizing:border-box}body{height:100vh;color:#252525;background-color:#474745;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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App{height:100%;width:100vw;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;text-align:center;background-color:#474745}.Header{height:15vh}.CardBox{width:100vw;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}.TextTitle{background-color:#9b2521;color:#fff;width:45rem;text-align:center;box-shadow:3px 5px 8px rgba(0,0,0,.3);margin:1.5rem auto;border-radius:8px;padding:1.5rem}.App-logo{height:40vmin;pointer-events:none}.BodyDiv{height:100%;color:#474745}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.HeaderContainer{width:100%;height:13vh;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;background-color:#353533;color:#fff;padding:0 5%;margin:0 0 10px}.HeaderContainer h1{margin:0}.LogoContainer{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:flex-start;align-items:flex-start}.HeaderContainer ul{display:-webkit-flex;display:flex;list-style:none;margin:0;padding:0;-webkit-align-items:center;align-items:center}.HeaderContainer li{margin:0 1rem}.HeaderContainer a{text-decoration:none;color:#fff;font-size:1.25rem}.HeaderContainer a:active,.HeaderContainer a:hover{color:#9b2521}.HeaderContainer button{width:100px;font-size:1rem;background-color:#ffe450;border:1.5px solid #000;border-radius:8px;padding:.5rem 1.5rem;color:#2c2922}.HeaderContainer button:active,.HeaderContainer button:hover{background-color:#ffc400;border-color:#000}.TinyText{font-size:.75rem}.UserLogo:hover{color:green}.HomeContainer{height:100%;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;color:#fff}.LibraryButton button{margin:30px 10px}.CreateAll{margin:0 10px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(1,1fr);grid-gap:10px 5px}.CreateSmallButton{grid-column:1;grid-row:1}.CreateBigButton{grid-column:3;grid-row:1}.CreateAllButton button{width:215px;margin:0}.LoadingContainerHome{-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;padding-right:0}.DonateContainer,.LoadingContainerHome{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row}.DonateContainer{height:100vh;font-style:normal;text-align:center;position:relative;color:#fff}.DonateContainer ul{list-style:none;padding:0}.DonateContainer span{margin-right:10px}.DonateContainer p{margin-bottom:25px}.DonateContainer .coffeeP{margin-bottom:10px}.DonateContentContainer{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;padding:0 20vw}.TextDescription{padding:0 55px;margin:25px 0 50px}.CryptoRow{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;margin-bottom:25px}.btn{padding:5px 10px;margin:0 5px}.modal-header .btn-close:hover{background-color:#fff}.modal-body{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.modal-body .form-control:focus{border-color:grey;box-shadow:0 0 8px 2px #888}.modal-body img{margin-bottom:15px;width:200px;height:200px}.modal-body .btn{padding-left:1em;margin:0}.modal-body .btn:hover{border-color:grey;box-shadow:0 0 8px 2px #888}@media (max-width:666px){.DonateContainer{font-style:normal;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;text-align:center;padding:auto}}.LoginContainer{height:100%;background-color:#474745;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.AlertContainer{height:1rem;color:#b22222}.LoginBox{width:25rem;margin:1rem;background-color:grey;box-shadow:0 1px 8px rgba(0,0,0,.2);border:1.5px solid #000;border-radius:8px;padding:1rem;text-align:center}.Field{margin-bottom:.75rem}.Field label{display:block;text-align:left;color:#000;margin:0 0 .25rem 1rem}.Field input{display:block;width:20rem;margin:auto;border-radius:4px;padding:.25rem;border:1px solid #000}.SubmitButton{margin:25px 0 0}.CreateSignInButton{background-color:transparent;border:none;margin:5px 0 0}.CreateSignInButton:hover{background-color:transparent;border:none;color:#ffe450}button{font:inherit;cursor:pointer;background-color:#9b2521;border:2.5px solid #76211e;color:#fff;padding:.5rem 1rem;border-radius:6px}button:active,button:hover{background-color:#76211e;border-color:#5f251b}.ToggleButton{margin:0}.ShowButton{width:150px;margin:25px 0}.FeedbackButton{margin:0}.CorrectButton,.IncorrectButton{margin:0 25px;width:100px}@media only screen and (max-width:600px){.ShowButton{width:150px}.CorrectButton,.IncorrectButton{padding:.5rem;margin:0 10px;width:85px}button:hover{background-color:#9b2521;border:2.5px solid #76211e}}.FlashcardCockpit{height:100vh;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.ScoreboardContainer{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;padding:0 0 10px}.ScoreboardText{color:#fff}.CorrectScore{background-color:#90ee90;margin:5px 5px 5px 10px}.CorrectScore,.IncorrectScore{border:2px solid #000;color:#000;width:100px}.IncorrectScore{background-color:pink;margin:5px}.TotalScore{border:2px solid #000;background-color:#d3d3d3;color:#000;margin:5px 10px 5px 5px;width:100px}.FlashcardContainer{width:500px;height:500px;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.Card{position:absolute;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:-webkit-transform 1s;transition:transform 1s;transition:transform 1s,-webkit-transform 1s;border-radius:.25rem;-webkit-flex:1 1;flex:1 1;grid-area:card-div}.flipCard{-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg)}.flipped{-webkit-transform:rotateX(-180deg);transform:rotateX(-180deg)}.CardFront{-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box;padding:1.5rem;background-color:#e3e3e5;border:1.5px solid #000;border-radius:15%;height:350px;width:350px;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;font-size:1.5rem}.CardBack{-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg)}.CardBack,.TCardBack{position:absolute;top:0;right:0;bottom:0;left:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.TCardBack{box-sizing:border-box;background-color:#e3e3e5;border:1.5px solid #000;border-radius:15%;height:350px;width:350px;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;font-size:1.5rem}.ButtonContainer{margin:5px 0}.shadow{box-shadow:0 -1px 1px rgba(0,0,0,.04),0 2px 2px rgba(0,0,0,.04),0 4px 4px rgba(0,0,0,.04),0 8px 8px rgba(0,0,0,.04),0 16px 16px rgba(0,0,0,.04)}@media only screen and (max-width:600px){.FlashcardCockpit{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;margin:15px 0 5px}.ScoreboardContainer{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;padding:0;margin:0 0 25px}.CorrectScore{background-color:#90ee90}.CorrectScore,.IncorrectScore{border:2px solid #000;margin:5px;width:75px}.IncorrectScore{background-color:pink}.TotalScore{margin:5px;width:75px}.CardBack,.CardFront,.TCardBack{height:275px;width:275px}}.Card{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.AllBoxContainer{-webkit-flex-direction:row;flex-direction:row}.AllBoxContainer,.BoxContainer{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.BoxContainer{-webkit-flex-direction:column;flex-direction:column;margin:0 25px 75px}html{-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}body{margin:0 auto;padding:0;font-family:sans-serif;text-align:center}img{width:100%}li{list-style:none}h1,h2{font-weight:500}.master-root{margin:20px auto;position:relative;min-height:100ox;max-height:300px;width:300px;overflow:hidden;border:1px solid #e5e5e5}.card{background-color:#fff;background-size:cover;position:absolute;background:#f8f3f3;height:200px;width:180px;margin:0 auto;transition:box-shadow .3s;box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23);cursor:pointer}.animate{transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.animate,.inactive{box-shadow:none}.alert{width:45%;min-height:10%;position:absolute;z-index:9999;opacity:0;transition:opacity .5s;color:#fff;vertical-align:middle;line-height:3rem}.alert-visible{opacity:1}.alert-right{top:0;right:0;background:green;border-top-left-radius:50px;border-bottom-left-radius:50px}.alert-left{top:0;left:0;background:red;border-top-right-radius:50px;border-bottom-right-radius:50px}.alert-top{background:purple;border-radius:50px}.alert-bottom,.alert-top{-webkit-transform:translate(-50%);transform:translate(-50%);margin-left:50%}.alert-bottom{bottom:0;background:#00f;border-top-left-radius:50px;border-radius:50px}.Zcontainer{width:100%;height:100%;border:1px solid #000;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.Layer1{background-color:#fff;z-index:5}.Layer1,.Layer2{position:absolute;width:200px;height:200px;border:1px solid #000}.Layer2{z-index:4}.Layer3{z-index:3}.Layer3,.Layer4{position:absolute;width:200px;height:200px;border:1px solid #000}.Layer4{z-index:2}.Layer5{position:absolute;z-index:1;width:200px;height:200px;border:1px solid #000}.FlippyCard{-webkit-flex-direction:column;flex-direction:column}.DemoContainer,.FlippyCard{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between}.DemoContainer{-webkit-flex-direction:row;flex-direction:row}.DemoCol{-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center}.ComponentWrapper,.DemoCol{display:-webkit-flex;display:flex}.ComponentWrapper{-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:center;justify-content:center}.FunctionWrapper{-webkit-flex-direction:column;flex-direction:column}.FunctionWrapper,.WrapperWrapper{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.WrapperWrapper{-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:center;justify-content:center}.wrapper{position:relative;overflow:hidden;border:1px solid #000;margin:5px 15px}.slide,.wrapper{width:100px;height:100px}.slide{position:absolute;left:-100px;background:#87ceeb;transition:1s;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center}.wrapper:hover .slide{transition:1s;left:0}.wrapperTwo{position:relative;overflow:hidden;width:100px;height:100px;border:1px solid #000;margin:5px 15px}.slideTwo{left:-100px}.slideThree,.slideTwo{position:absolute;width:100px;height:100px;background:#87ceeb;transition:1s;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center}.slideThree{left:0}.Container{width:525px;-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:center;align-items:center;border:0 solid #000;margin:15px 10px}.Clicker,.Container{height:175px;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}.Clicker{width:175px;background-color:maroon;-webkit-flex-direction:column;flex-direction:column;border:2px solid #000;border-radius:10px}.SliderWrapper{position:relative;overflow:hidden;width:250px;height:150px;border:0 solid #000}.PreSlider{left:-200px;background-color:salmon}.PostSlider,.PreSlider{transition:1s;position:absolute;width:225px;height:150px;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;border:1px solid #000;border-radius:8px;margin:0 0 0 10px}.PostSlider{left:0;background-color:#87ceeb}.PreSliderTwo{left:-250px;background-color:salmon}.PostSliderTwo,.PreSliderTwo{transition:1s;position:absolute;width:225px;height:150px;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;border:1px solid #000;border-radius:8px;margin:0 0 0 10px}.PostSliderTwo{left:0;background-color:#87ceeb}.NoteWrapper{width:25vw;height:75vh;color:#fff;margin:0 0 0 15px}.NoteWrapper ul li{text-align:left;list-style-type:circle;margin:0 0 15px}.UserProfileContainer{height:100vh}.CategoryContainer{height:100%;width:75vw}.CategoryTitle{text-align:left;font-size:1.75rem;color:#fff;margin:15px 0}.CategoryGeneralContainer{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:center;align-items:center;margin:0 0 25px}.CategoryDisplayContainerBig{width:350px;height:175px;background-color:#e3e3e5;border:1.5px solid #000}.CategoryDisplayContainerSmall{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:space-between;justify-content:space-between}.CategoryDisplaySmall{width:50px;height:50px;background-color:#e3e3e5;border:1.5px solid #000;margin:15px 0}.CategoryFunctionButtons{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;margin:0 0 15px}.CategoryFunctionButtons button{width:350px;margin:20px 35px}.FlashcardContainer{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.FlashcardTitle{text-align:left;font-size:1.75rem;color:#fff;margin:15px 0}.FlashcardFunctions{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:flex-end;justify-content:flex-end;margin:20px 0}.FlashcardButtons{margin:0 25px 0 0}.FlashcardButtons button{margin:0 10px}.FlashcardDisplayContainer{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:50px 30px;margin:35px 0}.Flashcard{width:200px;height:200px;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;background-color:#e3e3e5;border:1.5px solid #000;border-radius:20px}.SingleCategoryDisplayContainer{-webkit-justify-content:flex-start;justify-content:flex-start;padding:0 35px}.StudyContainer{height:100vh;-webkit-flex-direction:column;flex-direction:column}.StudyCategoriesContainer,.StudyContainer{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.StudyCategoriesContainer{-webkit-flex-direction:row;flex-direction:row}.StudyCategory{background-color:#9b2521;color:#fff;width:10rem;height:10rem;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;border:3.5px solid #000;border-radius:6px;margin:25px}.StudyCategory:hover{border:4px solid #ffe450}.SubjectScrollbarContainer{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:center;justify-content:center}.CategoryDisplayContainer,.SubjectScrollbarContainer{-webkit-align-items:center;align-items:center}.CategoryFlashcardSetContainer{grid-template-rows:repeat(2,1fr)}.Preview{font-size:.75rem;overflow:clip;text-overflow:ellipsis}.PreviewLink{text-decoration:none;color:#000}.PreviewLink:hover{color:#9b2521}.CategorySub{background-color:#9b2521;color:#fff;width:13rem;height:11.5rem;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;border:2px solid #000;border-radius:6px;margin:0 15px}.CategorySub:hover{border:2px solid #ff0}.SubjectContainer{height:100vh;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center}.SubjectButtons{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:space-between;justify-content:space-between;margin:50px 50px 5px 0}.SubjectButtons .SubTitle{color:#fff;font-size:1.75rem}.AlertNoSubject{height:500px;background-color:#474745;color:#fff}.CategoryFlashcardSetContainer{max-height:12rem}.DeleteButton{margin:0 35px}.EditLayoutContainer{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);grid-gap:15px 65px}.EditLayoutContainer hr{margin:3px}.EditL{text-align:left;height:100%}.EditL ul li{list-style-type:circle}.RemoveCategoryContainer,.WarningAndButton{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:space-between;justify-content:space-between}.WarningAndButton{margin:5px 0}.EditCatWarning{color:red;font-size:.85rem}.FormText{margin:15px 0}.EditR,.EditRCat{text-align:right}.EditCategoryInput{margin:0}.EditCategoryInput input::-webkit-input-placeholder{font-style:italic;font-size:.8rem}.EditCategoryInput input:-ms-input-placeholder{font-style:italic;font-size:.8rem}.EditCategoryInput input::placeholder{font-style:italic;font-size:.8rem}.EditCatDescriptionInput input::-webkit-input-placeholder{font-style:italic;font-size:.8rem}.EditCatDescriptionInput input:-ms-input-placeholder{font-style:italic;font-size:.8rem}.EditCatDescriptionInput input::placeholder{font-style:italic;font-size:.8rem}.EditCatDescriptionInput{margin:0 0 15px}.EditInput{margin:10px 0}.LoadingContainer1{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:flex-start;align-items:flex-start;padding-right:55px}.SingleSubjectScrollbar{background-color:#e3e3e5;color:#000;width:11.5rem;height:4rem;-webkit-justify-content:center;justify-content:center;border:3.5px solid #000;border-radius:8px;margin:25px 10px}.SingleSubjectScrollbar,.UserHomeContainer{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.UserHomeContainer{height:100vh;width:100%;-webkit-align-items:center;align-items:center;background-color:#474745}.UserHomeCategoriesContainer{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:center;align-items:center}.UserHomeCategory{background-color:#9b2521;color:#fff;width:10rem;height:8.5rem;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;border:3px solid #000;border-radius:6px;margin:25px}.UserHomeCategory:hover{border:4px solid #ffe450}.NoSubjectText{color:#fff;margin:2rem}.SubjectScrollbarContainer{width:75vw}.Arrow{color:#ffe450;font-size:1.75rem;height:2.9rem;margin:25px 0}.Arrow:hover{color:#ffc400}.CategoryDisplayContainer{width:100vw;height:100%;background-color:#474745;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:flex-start;align-items:flex-start;padding:0 15vw}.AllScrollbarItems,.SingleCategoryDisplayContainer{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row}.SingleCategoryDisplayContainer{margin:25px 0}.Category,.SingleCategoryDisplayContainer{-webkit-align-items:center;align-items:center}.Category{background-color:#9b2521;color:#fff;width:13rem;height:11.5rem;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;border:2px solid #000;border-radius:6px;margin:0 15px}.CategoryFlashcardSetContainer{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(1,1fr);grid-gap:10px 5px;overflow:hidden;margin:0}.CategoryFlashcardContainer{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center}.Preview{background-color:#e3e3e5;width:8rem;height:4rem;margin:0 0 2px}.Description,.Preview{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;border:2px solid #000;border-radius:6px}.Description{background-color:#ffe450;width:7.5rem;height:1rem;font-size:.6rem;margin:1px 0}.swiper{width:50%;height:100%}.swiper-slide{text-align:center;font-size:18px;width:33%;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.SingleSubjectScrollbar{font-size:.9rem}.AddSubjectContainer{height:100%;width:75vw;color:#474745}.AddSubjectTitle{text-align:left;font-size:1.75rem;color:#fff;margin:15px 0}.AddSubjectContentsContainer{margin:15px 50px}.AlertContainer{margin:25px 25px 10px}.AlertContent{color:#b22222}.Button-Field,.Button-FieldDesc{width:100%;background-color:#474745;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:center;align-items:center}.SectionName{font-size:.85rem}.SectionName,.SectionNameCatDesc{height:40px;width:125px;color:#fff;background-color:#9b2521;border:2px solid #76211e;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.SectionNameCatDesc{font-size:.7rem}.Button-Field button{height:40px;width:125px;font-size:.85rem;margin:0}.Button-Field button:hover{background-color:#9b2521;border-color:#76211e}.Button-FieldDesc input,.Button-Field input{width:400px;margin:15px}.AdditionalText{color:#b22222}.Submit{width:100%;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:flex-end;justify-content:flex-end;-webkit-align-items:center;align-items:center}.Submit button{height:40px;font-size:.85rem;text-align:right;margin:25px 11px}.Submit .loading{margin:0 35px 0 10px}.AddButton button{border-radius:30px;border:2px solid #76211e}.AddButton button,.AddButton button:hover{width:35px;height:35px;font-size:.75rem;padding:0;margin:1px}.AddButton button:hover{border-radius:30px;border:2px solid #592720}.loading{position:relative;width:3rem;height:3rem;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-perspective:800px;perspective:800px}.loading .arc{position:absolute;content:"";top:0;left:0;width:100%;height:100%;border-radius:50%;border-bottom:3px solid #9b2521}.loading .arc:first-child{-webkit-animation:rotate1 1.15s linear infinite;animation:rotate1 1.15s linear infinite}.loading .arc:nth-child(2){-webkit-animation:rotate2 1.15s linear infinite;animation:rotate2 1.15s linear infinite}.loading .arc:nth-child(3){-webkit-animation:rotate3 1.15s linear infinite;animation:rotate3 1.15s linear infinite}.loading .arc:first-child{-webkit-animation-delay:-.8s;animation-delay:-.8s}.loading .arc:nth-child(2){-webkit-animation-delay:-.4s;animation-delay:-.4s}.loading .arc:nth-child(3){-webkit-animation-delay:0s;animation-delay:0s}@-webkit-keyframes rotate1{0%{-webkit-transform:rotateX(35deg) rotateY(-45deg) rotate(0);transform:rotateX(35deg) rotateY(-45deg) rotate(0)}to{-webkit-transform:rotateX(35deg) rotateY(-45deg) rotate(1turn);transform:rotateX(35deg) rotateY(-45deg) rotate(1turn)}}@keyframes rotate1{0%{-webkit-transform:rotateX(35deg) rotateY(-45deg) rotate(0);transform:rotateX(35deg) rotateY(-45deg) rotate(0)}to{-webkit-transform:rotateX(35deg) rotateY(-45deg) rotate(1turn);transform:rotateX(35deg) rotateY(-45deg) rotate(1turn)}}@-webkit-keyframes rotate2{0%{-webkit-transform:rotateX(50deg) rotateY(10deg) rotate(0);transform:rotateX(50deg) rotateY(10deg) rotate(0)}to{-webkit-transform:rotateX(50deg) rotateY(10deg) rotate(1turn);transform:rotateX(50deg) rotateY(10deg) rotate(1turn)}}@keyframes rotate2{0%{-webkit-transform:rotateX(50deg) rotateY(10deg) rotate(0);transform:rotateX(50deg) rotateY(10deg) rotate(0)}to{-webkit-transform:rotateX(50deg) rotateY(10deg) rotate(1turn);transform:rotateX(50deg) rotateY(10deg) rotate(1turn)}}@-webkit-keyframes rotate3{0%{-webkit-transform:rotateX(35deg) rotateY(55deg) rotate(0);transform:rotateX(35deg) rotateY(55deg) rotate(0)}to{-webkit-transform:rotateX(35deg) rotateY(55deg) rotate(1turn);transform:rotateX(35deg) rotateY(55deg) rotate(1turn)}}@keyframes rotate3{0%{-webkit-transform:rotateX(35deg) rotateY(55deg) rotate(0);transform:rotateX(35deg) rotateY(55deg) rotate(0)}to{-webkit-transform:rotateX(35deg) rotateY(55deg) rotate(1turn);transform:rotateX(35deg) rotateY(55deg) rotate(1turn)}}.FlashcardsContainer{height:100vh;width:90%;background-color:#474745;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.CategoryTitle{width:100%;margin:10px 0 0}.ProgressBarContainer{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:left;justify-content:left}.ProgressText{color:#fff;margin:0}.ProgressVisual{margin:0 25px}.CardsContainer{height:315px}.ButtonsContainer,.CardsContainer{width:100%;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:center;justify-content:center}.ButtonsContainer{margin:10px 0}.ButtonsContainer button{width:100px;margin:0 15px}.AllStudyContainer{height:100%;width:75vw;background-color:#474745}.AllStudyTitle{text-align:left;font-size:1.75rem;color:#fff;margin:15px 0}.AllCategoriesContainer{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.StudyMessage{color:#fff}.SingleCategoryContainer{-webkit-flex-direction:row;flex-direction:row;margin:25px 0}.AllStudyCategoryTitle,.SingleCategoryContainer{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.AllStudyCategoryTitle{background-color:#9b2521;color:#fff;width:13rem;height:11.5rem;font-size:1rem;-webkit-flex-direction:column;flex-direction:column;border:2px solid #000;border-radius:6px;margin:0 15px}.CategoryFlashcardsContainer{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(1,1fr);grid-gap:10px 5px;max-height:9.5rem;overflow:hidden;margin:0}.CategoryDataContainer{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center}.FlashcardPreview{background-color:#e3e3e5;width:8rem;height:4rem;font-size:.75rem;margin:0 0 2px}.FlashcardDescription,.FlashcardPreview{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;border:2px solid #000;border-radius:6px}.FlashcardDescription{background-color:#ffe450;width:7.5rem;height:1rem;font-size:.6rem;margin:1px 0}.SubjectHeaderSlim{height:33px;width:20rem;border:2px solid #000;color:#fff;background-color:#9b2521;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.AllCategoriesInSubject{display:grid;grid-template-columns:repeat(4,1fr)}.IndividualCategoriesCard{font-size:.9rem;background-color:#e3e3e5;color:#000;width:11.5rem;height:4rem;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;border:3.5px solid #000;border-radius:8px;margin:25px 10px}.IndividualCategoriesCard:hover{border:3.5px solid #ff0}.CategoriesPageContainer{height:100%}.SubjectRadioBoxGrid{display:grid;grid-template-columns:repeat(2,1fr);font-size:.85rem}.NewDataCategoryDescription,.NewDataCategoryName{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:space-between;justify-content:space-between;margin:20px}.NewDataWarning{color:red;margin:0 25px 15px}
/*# sourceMappingURL=main.e4b68f8d.chunk.css.map */