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;-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.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)}}.bg-blue{background-color:#61dafb}.page-container{display:flex;min-height:100vh;align-items:center;flex-direction:column;width:100vw}.home-container,.leader-container{display:flex;align-content:center;flex-direction:column}.leader-container{width:100vw}.header-text{color:#2a2a2a}.bg-light-blue{background-color:#e0f3ff}.search-container{display:flex;align-items:center;justify-content:center;flex-direction:row;padding-left:2%;padding-right:2%;width:95vw}.search-bar{width:100%;background-color:#f5f5f5}.search-bar,.search-bar:focus{color:#2a2a2a;border:none;font-size:.9em;padding:11px;border-radius:20px;margin-bottom:10px;transition:all .5s;outline:none}.search-bar:focus{width:90%;background-color:#ebebeb}.lesson-card-container{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:5%;width:90vw;transition:all .5s}.lesson-card{background-color:#d9f1ff}.lesson-card,.lesson-card:hover{display:flex;flex-direction:row;justify-content:space-between;width:100%;border-radius:10px;margin:5px;padding:10px;transition:all .5s}.lesson-card:hover{background-color:#8acef5}.lesson-card h4{font-size:1em;font-weight:400}.top-bar{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;width:100vw;padding:2% 2% 2% 5%;align-self:center}.fixed-top-bar{position:fixed;z-index:99}.top-bar h4{font-size:1.2em;margin-left:5%;font-weight:400}.mb{margin-bottom:20px}.input-text{background-color:#fff;color:#2a2a2a;width:80vw;border:none;font-size:.9em;padding:11px;border-radius:20px;margin-bottom:10px;transition:all .5s}.home-profile-bar{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100vw}.text-username{font-size:1.1em;margin-left:2vw;font-weight:300;max-width:40vw}.text-username,.username{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.username{font-size:1.2em;font-weight:400;max-width:150px}.notification{background-color:#08f;border:none;border-radius:20px;width:90vw;margin:5px;padding-left:15px;padding-right:15px;color:#fff;display:flex;flex-direction:row;justify-content:space-between}.menu{display:flex;background-color:hsla(0,0%,100%,.99);height:100%;width:80vw;z-index:999;box-shadow:12px 0 8px -6px rgba(0,0,0,.21);transition:all 1s;flex-direction:column;justify-content:space-around;padding-left:10px}.menu h4{font-size:1.2em;font-weight:400}.menu-header,.menu h4{margin:10px;transition:all 1s}.menu-header{display:flex;flex-direction:row;align-items:flex-end;justify-content:flex-end}#slide{left:-500px;height:100vh;width:80vw;-webkit-animation:slide .5s forwards;animation:slide .5s forwards;-webkit-animation-delay:0s;animation-delay:0s;transition:all 1s}.menu-btn{margin:0}.menu-btn:active,.menu-btn:hover{-webkit-filter:brightness(100%) contrast(20%);filter:brightness(100%) contrast(20%);transition:all 1s}@-webkit-keyframes slide{to{left:0}}@keyframes slide{to{left:0}}.check{border:none;font-size:2em;background-color:#61dafb}.menu-item{background-color:transparent}.menu-item,.menu-item:hover{margin-left:10px;margin-right:10px;margin-bottom:8px;border:none;padding:10px;border-radius:10px;color:#444;text-align:left}.menu-item:active,.menu-item:hover{background-color:#d1d1d1}.menu-item:active{margin-left:10px;margin-right:10px;margin-bottom:8px;border:none;padding:10px;border-radius:10px;color:#444;text-align:left}.profile-img{margin-left:5vw}.profile-img:active,.profile-img:hover{-webkit-filter:brightness(90%) contrast(90%);filter:brightness(90%) contrast(90%)}.content-header{justify-content:space-between;width:100vw}.content-header,.main-banner{display:flex;flex-direction:row;align-items:center}.main-banner{background-color:#8ad2ff;justify-content:space-around;width:85vw;align-self:center;border-radius:15px;padding:10px;border:5px solid #ddeffb}.banner-text-head{font-size:1.2em;padding:10px}.banner-text-sub{font-size:.5em;padding:10px}.text-see-all{margin-right:5vw;color:#0773ff}a:active,a:hover,a:link,a:visited{text-decoration:none}.content-card{background-color:#818eff;width:45%;margin:1vw;font-size:1em;border-radius:10px;text-overflow:ellipsis;color:#fff;border:none;outline:none}.content-card,.quiz-container{display:flex;flex-direction:column;align-items:center;transition:all .5s}.quiz-container{background-color:#d9f1ff;justify-content:center;align-self:center;height:100vh;padding:10px}.leader-card{background-color:#d6f6ff;display:flex;flex-direction:row;justify-content:space-between;width:100vw;border-radius:10px;padding-left:15px;padding-right:15px;height:60px}.quiz-select{background-color:#69b9eb;border:none;font-size:1em;padding:10px;border-radius:10px;color:#fff;outline:none}.select-container{display:flex;flex-direction:column;align-content:space-between;justify-content:center;height:100vh;margin:5%}.quiz-title{font-size:1.5em;font-weight:500;display:flex;align-self:center;text-align:center;transition:all .5s}.quiz-ans{background-color:#818eff}.quiz-ans,.quiz-ans:hover{margin:5px;width:60vw;padding:10px;border-radius:15px;color:#fff;border:none;font-size:1.1em;font-weight:300;transition:all .5s}.quiz-ans:hover{background-color:#6b79fa}.quiz-number{font-size:2em;transition:all .5s;text-align:center}.score-container{display:flex;align-content:center;justify-content:center;height:100vh;flex-direction:column;background-color:#d9f1ff;text-align:center}.score-container h2{font-size:2em;font-weight:200}.score-container h1{font-size:3em;font-weight:300}.content-card:focus{background-color:#3b4ef8;width:45%;margin:1vw;font-size:1em;border-radius:10px;text-overflow:ellipsis;color:#fff;border:none;transition:all .5s;outline:none}.content-card:focus,.profile-container{display:flex;flex-direction:column;align-items:center}.profile-container{background-color:#ceecfe;height:100vh;align-content:center;justify-content:center}.profile-container img{margin-top:5%;width:20vw}.profile-container h4{font-size:1.3em;font-weight:400}.modal{position:absolute;height:100vh;flex-direction:column;width:100vw;background-color:#61dafb}.alert-red,.modal{display:flex;align-items:center;justify-content:center}.alert-red{background-color:#ff3737;color:#fff;padding-left:15px;padding-right:15px;border-radius:20px;height:2em;flex-direction:row;margin:5px}.alert-text{font-size:.9em}.modal h4{font-size:1.2em;text-align:center;font-weight:400;margin:20%}.text-see-all:focus{margin-right:5vw;color:#095ecc;font-weight:600}.home-row-card{background-color:#ceecfe;display:flex;flex-direction:column;width:35%;margin:2vw;padding:15px;border-radius:10px;border:none;text-overflow:ellipsis}.home-card-subtext{font-size:.8em}.home-card-text{font-size:1em;text-overflow:ellipsis;overflow:hidden}.btn-watch-home{background-color:#fa7a29}.btn-watch-home,.btn-watch-home:focus{border:none;font-size:.9em;border-radius:15px;outline:none;padding:5px;color:#fff;transition:all .5s;width:100%}.btn-watch-home:focus{background-color:#eb6411}.home-card-container{display:flex;flex-direction:row;padding-left:5vw;padding-right:5vw;justify-content:center;flex-wrap:wrap}.text-content-header{margin-left:5vw;font-size:1.1em}.input-text:focus{background-color:#94ccfc;color:#2a2a2a;width:85vw;border:none;font-size:.9em;padding:11px;border-radius:20px;outline:none;transition:all .5s}.input-container{display:flex;align-items:center;justify-content:center;flex-direction:column}.note-text{font-size:.8em;margin:10px;color:#2a2a2a;text-align:center}.btn-primary{background:#69b9eb}.btn-primary,.btn-primary:focus{width:80%;color:#fff;border:none;font-size:1em;padding:10px;transition:all .5s;border-radius:20px}.btn-primary:focus{background:#0c96ec;outline:none}.header-image{width:100%}.btn-secondary{background:#8e8e8e}.btn-secondary,.btn-secondary:focus{width:80%;color:#fff;border:none;font-size:1em;padding:10px;border-radius:20px;transition:all .5s}.btn-secondary:focus{background:#777575;outline:none}.sub-head{color:#2a2a2a;font-weight:400;font-size:1.1em}.header-text{font-size:1.2em;text-align:center}.mt{margin-top:5px}.mt-20{margin-top:20px}.pyro>.after,.pyro>.before{position:absolute;width:10px;height:10px;border-radius:50%;box-shadow:-120px -218.66667px #00f,248px -16.66667px #00ff84,190px 16.33333px #002bff,-113px -308.66667px #ff009d,-109px -287.66667px #ffb300,-50px -313.66667px #ff006e,226px -31.66667px #ff4000,180px -351.66667px #ff00d0,-12px -338.66667px #00f6ff,220px -388.66667px #9f0,-69px -27.66667px #ff0400,-111px -339.66667px #6200ff,155px -237.66667px #0df,-152px -380.66667px #00ffd0,-50px -37.66667px #0fd,-95px -175.66667px #a6ff00,-88px 10.33333px #0d00ff,112px -309.66667px #005eff,69px -415.66667px #ff00a6,168px -100.66667px #ff004c,-244px 24.33333px #f60,97px -325.66667px #f06,-211px -182.66667px #00ffa2,236px -126.66667px #b700ff,140px -196.66667px #9000ff,125px -175.66667px #0bf,118px -381.66667px #ff002f,144px -111.66667px #ffae00,36px -78.66667px #f600ff,-63px -196.66667px #c800ff,-218px -227.66667px #d4ff00,-134px -377.66667px #ea00ff,-36px -412.66667px #ff00d4,209px -106.66667px #00fff2,91px -278.66667px #000dff,-22px -191.66667px #9dff00,139px -392.66667px #a6ff00,56px -2.66667px #09f,-156px -276.66667px #ea00ff,-163px -233.66667px #00fffb,-238px -346.66667px #00ff73,62px -363.66667px #08f,244px -170.66667px #0062ff,224px -142.66667px #b300ff,141px -208.66667px #9000ff,211px -285.66667px #f60,181px -128.66667px #1e00ff,90px -123.66667px #c800ff,189px 70.33333px #00ffc8,-18px -383.66667px #0f3,100px -6.66667px #ff008c;-webkit-animation:bang 1s ease-out infinite backwards,gravity 1s ease-in infinite backwards,position 5s linear infinite backwards;animation:bang 1s ease-out infinite backwards,gravity 1s ease-in infinite backwards,position 5s linear infinite backwards}.pyro>.after{-webkit-animation-delay:1.25s,1.25s,1.25s;animation-delay:1.25s,1.25s,1.25s;-webkit-animation-duration:1.25s,1.25s,6.25s;animation-duration:5s,1.25s,6.25s}@-webkit-keyframes bang{0%{box-shadow:0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff}}@keyframes bang{0%{box-shadow:0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff}}@-webkit-keyframes gravity{to{transform:translateY(200px);-moz-transform:translateY(200px);-webkit-transform:translateY(200px);-o-transform:translateY(200px);-ms-transform:translateY(200px);opacity:0}}@keyframes gravity{to{transform:translateY(200px);-moz-transform:translateY(200px);-webkit-transform:translateY(200px);-o-transform:translateY(200px);-ms-transform:translateY(200px);opacity:0}}@-webkit-keyframes position{0%,19.9%{margin-top:10%;margin-left:40%}20%,39.9%{margin-top:40%;margin-left:30%}40%,59.9%{margin-top:20%;margin-left:70%}60%,79.9%{margin-top:30%;margin-left:20%}80%,99.9%{margin-top:30%;margin-left:80%}}@keyframes position{0%,19.9%{margin-top:10%;margin-left:40%}20%,39.9%{margin-top:40%;margin-left:30%}40%,59.9%{margin-top:20%;margin-left:70%}60%,79.9%{margin-top:30%;margin-left:20%}80%,99.9%{margin-top:30%;margin-left:80%}}
/*# sourceMappingURL=main.f4a99115.chunk.css.map */