body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Lato,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fafafa}body,html{height:100%;margin:0;font-family:Lato,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.flashcard-all{margin-left:300px}.cards-title-root{position:relative;margin-left:200px;width:60%;overflow:hidden}.cards-title{margin-bottom:50px;margin-top:50px;color:#000;text-align:center}.closebutton-flashcard{margin-left:325px;top:85%;position:fixed;width:80px;height:80px;border-radius:50%;z-index:120;background:#000;color:#fff;font-size:40px;text-align:center;padding-bottom:2px;outline:none;border:none}.deleteCard{color:#000;margin-left:300px;cursor:pointer;margin-top:10px}.cards-root{display:inline-flex;flex-direction:row}.flashcards{width:350px;background-color:#fff;text-align:center;margin-left:15px;height:200px;margin-bottom:25px;overFlow-wrap:break-word;border-radius:15px;overflow:hidden;box-shadow:0 8px 6px 1px rgba(0,0,0,.4)}.flashcards:hover{overflow:auto}.deleteCard:hover{color:red}.cardQuestion{color:#000}.cardAnswer,.cardQuestion{font-size:20px;padding-top:15px;overFlow-wrap:break-word}.cardAnswer{word-wrap:break-word}@media only screen and (max-width:468px){.flashcards{width:100%;flex-direction:column;background-color:#fff;text-align:center;margin-bottom:30px;height:200px;margin-left:0}.cards-root{display:flex;flex-direction:column}.deleteCard{margin-top:10px;margin-left:85%}.closebutton-flashcard{top:85%;margin-left:10px;z-index:120}.cards-title{margin-left:0;text-align:center}.cards-title-root{position:relative;margin-left:0;width:100%;overflow:hidden}.flashcard-all{margin-left:0}}@media only screen and (min-width:1440px){.cards-root{margin-left:10px}}.side-bar-root{position:fixed;display:block;width:300px;height:100%;background-color:#323439;letter-spacing:1px;z-index:200}.username{display:block;margin-top:5px;font-size:15px}.logo2{margin-top:60px;color:#c3c3c3;font-size:30px;text-align:center}.side-bar-collection,.side-bar-logout,.side-bar-titles{margin-top:25px;text-align:center}.side-bar-titles{color:#c3c3c3;font-size:18px;margin-top:60px}.side-bar-titles:hover{color:#fafafa}.side-bar-collection{color:#c3c3c3;font-size:18px}.side-bar-collection:hover{color:#fafafa}.side-bar-logout{color:#c3c3c3;font-size:18px}.side-bar-logout:hover{color:#fafafa}.close-sidebar{display:none}@media only screen and (max-width:468px){.side-bar-root{display:none;z-index:10000;width:100%}.burger-nav-root{margin-top:20px;margin-left:20px}.burger-nav{width:25px;height:1px;margin-top:5px;background-color:#000;padding:2px}.close-sidebar{display:block;font-size:20px;margin-left:350px;margin-top:15px}}.addcard{position:fixed;width:450px;background:#323439;padding:100px;z-index:500;box-shadow:2px solid #00f;margin:150px auto auto;border-radius:1px;text-align:center;display:flex;flex-direction:column;box-shadow:0 8px 6px 1px rgba(0,0,0,.4)}.addButton{background:#fff;color:#000;padding:10px 40px;font-weight:20px;margin-top:10px;width:100%;border-radius:15px;border:none;outline:none}.addButton:hover{background-color:#858585;color:#fff}.cardTitle{text-align:center;color:#fff;font-size:30px;margin-top:-30px;margin-bottom:15px}.card-add-question{color:#fff;font-size:20px}.cardAnswer{color:green}.card-add-answer{color:#fff;font-size:20px;margin-top:10px}.cardClose{color:#fff;margin-top:-75px;margin-left:150%;font-size:20px;cursor:pointer}.cardAnswerInput,.cardQuestionInput{width:350px;height:35px;outline:none;background-color:#fff}.cardInsite{display:flex;flex-direction:column;align-items:center}@media only screen and (max-width:468px){.addcard{top:10%;margin:0;width:100%;height:450px}.card-add-question{color:#fff;font-size:20px;margin-top:20px}.cardAnswerInput,.cardQuestionInput{color:#000;width:350px;font-size:15px}.titleSubmit{margin-left:50px}.closed{margin-top:-80px;margin-left:260px;font-size:10px}.cardTitle{margin-top:-25px;margin-bottom:0}}.titles{display:inline-flex;flex-direction:row;justify-content:center;margin-top:20px}.titles-root{margin-left:300px}.title{margin:5px 1px;color:#000;font-size:30px}.titlediv{position:relative;margin-left:25px;color:#fff;width:350px;padding:20px;background:#fff;text-align:center;box-shadow:0 .625rem 3.5rem 0 rgba(198,203,222,.45);height:180px}.titleButtons{display:flex;flex-direction:row;justify-content:space-between;margin-top:15px}.addToTeam{margin-left:0}.addToTeam,.deleteX{margin-top:-20px;font-size:16px;position:relative;cursor:pointer;border:none;background:none;color:#000}.closebutton{margin-left:325px;top:85%;width:80px;height:80px;border-radius:50%;z-index:100;background:#000;color:#fff;font-size:40px;text-align:center;padding-bottom:2px;outline:none;border:none}#closebutton:hover{background-color:#000;color:#8ad496}.cards{display:fixed;margin-top:13px;background:#4d4d4d;color:#fff;padding:2px 15px;border-radius:15px;border:none;left:0}.cards:hover{color:#fff;background-color:#000}.flashcard{display:fixed;margin-top:13px;margin-left:25px;background:#4d4d4d;color:#fff;padding:2px;border-radius:15px;border:none}.flashcard:hover{color:#fff;background-color:#000}.deleteX:hover{color:red}@media only screen and (max-width:468px){.titles{width:100%;height:170hv;font-size:15px;margin-top:20px}.titlediv,.titles,.titles-root{margin-left:0}.titlediv{width:100%}.closebutton{top:85%;margin-left:10px}}.deleteTitle{left:0;margin-top:200px;margin-left:40%;position:fixed;width:400px;height:200px;background-color:#f2f2f2;border-radius:10px;z-index:202;box-shadow:0 8px 6px 1px rgba(0,0,0,.4)}.root-info{display:flex;flex-direction:column;align-items:center}.options{display:flex;flex-direction:row;justify-content:space-evenly}.overlay{top:0;left:0;width:100%;height:100%;background-color:hsla(0,0%,46.7%,.5);position:fixed;z-index:201}.info1{margin-top:20px;font-size:15px}.OK{border-radius:30%;border:none;padding:15px;background-color:#d10303;outline:none}.OK:hover{background-color:red}@media only screen and (max-width:480px){.deleteTitle{left:0;margin-left:0;top:0;margin-top:70px;width:100%}}@media only screen and (min-width:500px){.deleteTitle{margin-left:25%}}@media only screen and (min-width:768px){.deleteTitle{margin-left:24%;top:0}}@media only screen and (min-width:1024px){.deleteTitle{margin-left:30%;top:0}}@media only screen and (min-width:1080px){.deleteTitle{margin-left:48%;top:0}}@media only screen and (min-width:1440px){.deleteTitle{margin-left:38%;top:0}}@media only screen and (min-width:2000px){.deleteTitle{margin-left:40%;top:0}}@media only screen and (min-width:2500px){.deleteTitle{margin-left:45%;top:0}}.titleToTeam{position:fixed;width:500px;height:500px;background:#323439;padding:100px;z-index:500;box-shadow:2px solid #00f;margin:70px auto auto;border-radius:1px;text-align:center;box-shadow:0 8px 6px 1px rgba(0,0,0,.4);display:flex;flex-direction:column;align-items:center;align-content:center;overflow:auto}.TeamListUder{color:#fff;font-size:25px;text-decoration:underline}.titleTeamList{display:flex;flex-direction:row}.TitleTeamName{font-size:25px}.addToTeamTitle{color:#fff;border:none;font-size:30px;margin-top:-15px;margin-left:10px;outline:none}@media only screen and (max-width:468px){.titleToTeam{width:100%}}.titled{display:flex;flex-direction:column;align-items:center;align-content:center;position:absolute;width:450px;background:#323439;padding:100px;z-index:100;box-shadow:2px solid #00f;top:150px;border-radius:1px;box-shadow:0 8px 6px 1px rgba(0,0,0,.4);margin:auto auto 0}.titleh1{text-align:center;color:#fff;font-size:30px;margin-top:-10px}.titleInput{width:350px;background-color:#fff;height:40px;padding:1px;margin:7px 0;outline:none}.titleInput,.titlex{color:#000;font-size:20px}.titlex{margin-left:-10px}.closed{padding:0;color:#fff;margin-top:-80px;margin-left:350px;font-size:20px;cursor:pointer;position:relative}.closed:hover{color:red}.titleSubmit{margin-top:15px;font-size:20px;font-weight:80%;background:#4d4d4d;color:#000;background-color:#fff;padding:10px 40px;font-weight:20px;border-radius:12px;width:100%;outline:none;border:none}.titleSubmit:hover{background:#858585;color:#fff}@media only screen and (max-width:468px){.titled{top:10%;margin:0;width:100%;height:350px}.titleh1{font-size:20px;margin-top:20px}.titleInput{color:#000;width:350px;height:50px;font-size:20px}.titleSubmit{margin-left:1px}.closed{margin-top:-80px;margin-left:150%;font-size:25px}}.search-bar{position:relative;height:50px;margin-top:50px;width:100%;border:none;padding-left:10px;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;box-sizing:border-box;box-shadow:.1px 0 .3px .3px rgba(0,0,0,.3);margin-left:325px}input{text-rendering:auto;color:#000;color:initial;letter-spacing:normal;word-spacing:normal;text-transform:none;text-indent:0;text-shadow:none;display:inline-block;text-align:start;-webkit-appearance:textfield;background-color:#fff;-webkit-rtl-ordering:logical;cursor:text;margin:0;font:400 13.3333px Arial;padding:1px 0;border:2px inset;border-color:initial;-webkit-border-image:none;border-image:none;-webkit-border-image:initial;border-image:initial}.search-root{width:72%}@media only screen and (max-width:468px){.search-root{width:100%}.search-bar,.search-root{margin-left:0}}*{padding:0}.navbar{width:100%;left:0;margin-bottom:50px;z-index:100}#navID2{background-color:#fff;color:#000}.navdiv{width:100%;display:flex;justify-content:space-evenly;height:auto!important}.navdiv,.navlink{background-color:initial}.navlink{display:inline-flex;flex-direction:row;color:#fff;justify-content:flex-end;text-decoration:none;padding:10px 12px;font-size:18px;margin-left:25px}.logo,.navlink{margin-top:10px}.logo{font-size:40px;letter-spacing:-5px;color:#910d0d;text-align:center}#navID4{color:#000}*{font-family:Lato,sans-serif;font-weight:300;background-color:initial}.welcome{height:100vh;background-size:cover;top:0;width:100%;background-repeat:no-repeat;background-position:50%;padding:30px;position:relative;z-index:10;background-color:#fff}.welcome-title{color:#fff}.learn{padding-top:100px}.learn,.learn-paragraph{color:#fff;padding-left:20px;z-index:2}.learn-paragraph{font-size:25px;display:block;-webkit-animation-name:learn;animation-name:learn;-webkit-animation-duration:2s;animation-duration:2s}@-webkit-keyframes learn{0%{z-index:2}to{z-index:2}}@keyframes learn{0%{z-index:2}to{z-index:2}}.learn:after{content:"";background:#000;width:100%;height:100%;position:absolute;left:0;top:0;opacity:.7;z-index:-1}.fast-root{display:flex;flex-direction:column;align-items:center;z-index:130}.learn-fast-root{background-color:#fff}.learn-fast-root,.learn-fast-root2{width:50%;height:60vh;display:flex;flex-direction:column;align-items:center}.learn-fast-root2{background-color:#ececec}.learn-repetation{color:red;text-align:center;font-size:20px}.learn-fast{padding-top:30px;color:#000;text-align:center}.learn-flashcard{text-align:center;color:#000;font-size:20px}.learn-title2{font-size:30px;text-align:center;padding-top:30px;color:#000}.learn-paragraph2{padding-top:15px;text-align:center;font-size:20px;color:#000}.title-button{padding:30px;border-radius:15%;background-color:#fff;text-align:center;margin-top:30px;cursor:pointer;border:none;box-shadow:0 .625rem 3.5rem 0 rgba(198,203,222,.45)}.inside-button{color:#000;font-size:20px}.inside-button:hover{color:#008100}.play-icon{margin-top:30px;width:200px;cursor:pointer}.play-icon:hover{color:#000}.phoneUSe{height:60vh;background-size:cover;top:0;width:100%;background-repeat:no-repeat;background-position:50%;padding-left:30px;position:relative;z-index:3}.phoneUSe-title{padding-top:30px;z-index:3}.phoneUse-paragraph{color:#fff;font-size:20px;padding-left:20px;z-index:3}.phoneUSe:after{content:"";background:#000;width:100%;height:100%;position:absolute;left:0;top:0;opacity:.5;z-index:-1}@media only screen and (max-width:480px){.welcome{text-align:center;padding:0;margin:0}.learn-fast-root{width:100%;height:60vh}.learn-fast-root2{width:100%;height:50vh}}@media only screen and (min-width:500px){.welcome{text-align:center;padding:0;margin:0}.learn-fast-root{width:100%;height:75vh}.learn-fast-root2{width:100%;height:50vh}.fast-root{display:flex;flex-direction:column}}@media only screen and (min-width:600px){.welcome{text-align:center;padding:0;margin:0}.learn-fast-root{width:100%;height:75vh}.learn-fast-root2{width:100%;height:50vh}.fast-root{display:flex;flex-direction:column}}@media only screen and (min-width:700px){.welcome{text-align:center;padding:0;margin:0}.learn-fast-root{width:100%;height:75vh}.learn-fast-root2{width:100%}.fast-root{display:flex;flex-direction:column}}@media only screen and (min-width:768px){.welcome{text-align:left;padding:0;margin:0}.learn-fast-root{width:100%;height:60vh}.learn-fast-root2{width:100%;height:50vh}.fast-root .learn-fast-root .learn-fast-root2{display:flex;flex-direction:column;justify-content:center}}@media only screen and (min-width:2200px){.welcome{text-align:left;padding:30px;margin:0}.learn-fast-root{height:60vh}}*{left:0;top:0;margin:0;right:0}.flashcards-title{text-align:center}.flashcards-root{left:400px;text-align:center;width:50%;z-index:100;height:500px;display:flex;flex-direction:column;align-items:center;justify-content:space-around;top:10px;border-radius:10px;overflow:auto;box-shadow:0 .625rem 3.5rem 0 rgba(198,203,222,.45)}.flashcards-button,.flashcards-root{background-color:#fff;position:relative}.flashcards-button{width:300px;border:none;font-size:50px;cursor:pointer}.easy,.hard,.median{outline:none;margin:20px;border:none;padding:10px}.easy:hover,.hard:hover,.median:hover{background:#000;color:#fff}.flashcards-button:hover{color:red}.flashcards-answer{color:green;cursor:pointer;margin-bottom:200px}.flashcards-question{color:#000;cursor:pointer}.closebutton{position:fixed}@media only screen and (max-width:480px){.flashcards-root{width:100%;margin:0;left:0;height:500px;top:10%}}.editTeamRoot{position:fixed;width:500px;height:500px;background:#323439;padding:100px;z-index:500;box-shadow:2px solid #00f;margin:70px auto auto;border-radius:1px;text-align:center;box-shadow:0 8px 6px 1px rgba(0,0,0,.4);display:flex;flex-direction:column;align-items:center;align-content:center;overflow:auto}.editTeamHeader{color:#fff;font-size:30px}.closeEdit{margin-top:-80px;font-size:20px;margin-left:400px;cursor:pointer}.editTeamInput{width:350px;height:40px}.editTeamButton,.editTeamInput{font-size:17px;position:relative}.editTeamButton{background-color:#fff;color:#000;padding:6px;width:50%;margin-top:10px;border-radius:15px;border:none;outline:none;margin-bottom:20px}.teamMembersListRoot{display:flex;flex-direction:row}.teamMemberList{color:#fff;margin-right:20px;font-size:20px;margin-left:30px}.removeFieldList{font-size:40px;margin-top:-15px;color:red;font-weight:20px;cursor:pointer;margin-bottom:-1px}.teamList{text-decoration:underline;font-size:27px}@media only screen and (max-width:468px){.editTeamRoot{width:100%}.teamMemberList{width:300px;margin-left:-30px}.teamList{font-size:20px}.closeEdit{margin-left:350px}.removeFieldList{margin-left:-50px}}.removeFromTeamRoot{left:0;margin-top:200px;margin-left:40%;position:fixed;width:400px;height:200px;background-color:#f2f2f2;border-radius:10px;z-index:202;box-shadow:0 8px 6px 1px rgba(0,0,0,.4)}.removeFromTeamDescription{margin-top:30px;font-size:15px;color:#000}.removeFromTeamDescription2{font-size:15px;color:#000}@media only screen and (max-width:480px){.removeFromTeamRoot{margin-left:0;width:100%}}.addTeamMemberRoot{position:fixed;width:600px;height:500px;background:#323439;padding:100px;z-index:500;box-shadow:2px solid #00f;margin:70px auto auto;border-radius:1px;text-align:center;box-shadow:0 8px 6px 1px rgba(0,0,0,.4);display:flex;flex-direction:column;align-items:center;align-content:center;overflow:auto;overflow-x:hidden}.closeAdd{margin-top:-80px;font-size:20px;margin-left:500px;cursor:pointer;margin-bottom:25px}.removeFieldAddTeam{color:#fff;margin-right:-25px;margin-bottom:-2px;font-size:45px;position:unset;margin-top:-20px;float:right;cursor:pointer;background-color:initial;outline:none;border:none}@media only screen and (max-width:468px){.addTeamMemberRoot{width:100%}.CreateTeam{font-size:25px}.closeAdd{margin-left:325px}}.removeFromTeam{color:#000;cursor:pointer;margin-left:250px;margin-bottom:-15px}.removeFromTeam:hover{color:red}.teamButtons{display:flex;position:relative;flex-direction:row;justify-content:space-around}.addTeam,.editTeam{margin-left:1px;position:relative;border:none;background:none;color:#000;font-size:35px}.teams{display:inline-flex;flex-direction:row;justify-content:center;float:left;margin-bottom:20px}.teams-root{margin-left:300px;margin-top:100px}.teamName{margin:5px 1px;line-height:40px;font-size:30px}.createTeam{display:inline-flex;flex-direction:row;justify-content:center}.teamsdiv{position:relative;margin-left:25px;color:#fff;width:350px;padding:20px;background:#fff;text-align:center;box-shadow:0 .625rem 3.5rem 0 rgba(198,203,222,.45);height:250px}.deleteTeam{font-size:22px;position:relative;cursor:pointer;border:none;background:none;color:#000}.TeamTopics{margin-top:200px;margin-left:15px;background:#4d4d4d;color:#fff;font-size:17px;padding:6px;width:90%;position:absolute;border-radius:15px;border:none}.TeamTopics:hover{color:#fff;background-color:#000}.deleteTeam:hover{color:red}@media only screen and (max-width:468px){.teams{width:100%;height:170hv;font-size:15px;margin-top:20px}.teams,.teams-root,.teamsdiv{margin-left:0}.teamsdiv{width:100%}.closebutton{top:85%;margin-left:10px}}#teams:hover{-webkit-transform:scale(1.02);transform:scale(1.02)}.teamName{color:#000;font-size:25px}.plusTeam{color:#000;font-size:80px}.CreateTeam{margin-top:-40px;color:#fff;font-size:25px}.teamModal{position:fixed;width:800px;height:500px;background:#323439;padding:100px;z-index:500;box-shadow:2px solid #00f;margin:70px auto auto;border-radius:1px;text-align:center;box-shadow:0 8px 6px 1px rgba(0,0,0,.4);display:flex;flex-direction:column;align-items:center;align-content:center;overflow:auto;overflow-x:hidden}.createTeamInput{width:350px;height:40px;position:relative}.teamMemberInput{width:350px;height:40px;margin-bottom:10px}.addField{background-color:#fff;color:#4d4d4d;font-size:17px;padding:6px;width:50%;position:relative;margin-top:10px;border-radius:15px;border:none;outline:none}.removeField{color:#fff;margin-right:-25px;margin-bottom:-2px;font-size:45px;margin-top:-20px;float:right;cursor:pointer}.teamMembers{position:flex}.firstHalf{display:flex;flex-direction:column}@media only screen and (max-width:468px){.addField,.teamModal{width:100%}.teamMemberInput{width:300px}.removeField{margin-left:320px;margin-top:-65px}}.add{font-size:22px;margin-left:300px;cursor:unset;border:none;background:none}.add,.loading{position:relative;color:#000}.loading{display:inline-flex;flex-direction:row;width:350px;margin-left:25px;padding:20px;background:#fff;text-align:center;box-shadow:0 .625rem 3.5rem 0 rgba(198,203,222,.45);height:180px}.loadingText{text-align:center;margin-left:125px}.add:hover{color:green}.collection{margin-left:50%;margin-top:50px;color:#000}.add{font-size:20px}.titles-collection{margin-left:300px}@media only screen and (max-width:468px){.collection,.titles-collection{margin-left:0}.collection{text-align:center}.add,.loading{margin-left:0}.loading{width:100%}}.deleteTitleTeam{margin-top:-20px;font-size:16px;margin-left:260px;position:relative;cursor:pointer;border:none;background:none;color:#000}@media only screen and (max-width:468px){.deleteTitleTeam{margin-top:-20px;margin-left:300px}}