footer{align-items:center;background-color:#9bcd9b;display:flex;flex-direction:row;height:10vh;justify-content:space-around;width:100vw}footer a{color:#6b754b;font-size:1.2rem;text-decoration:none;transition:all 1s}footer a:hover{color:#daa520}.footer-mobile{align-items:center;background-color:#9bcd9b;display:none;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr;height:10vh;justify-content:center;left:0;width:100vw}.footer-mobile button{background-color:#e0ffd5;border:none;border-radius:10px;font-size:1.1rem;height:80%;margin:3px 5%;min-height:40px;width:90%}.footer-mobile button:hover{background-color:#add5af}.footer-mobile button:focus{background-color:#edff9e;border:2px solid #5c7a5c}.footer-mobile img{height:100%}@media (max-width:460px){footer{display:none!important}.footer-mobile{bottom:0;display:grid;position:fixed}}header{background-color:#b1ebb1;flex-direction:column;height:10vh;justify-content:flex-end;position:fixed;width:100vw;z-index:1}.header-content,header{align-items:center;display:flex}.header-content{flex-direction:row;height:100%;justify-content:space-between;margin:0 10%;width:87%}.header-content p{color:azure;font-size:1.5rem;font-weight:700}.header-content-right{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center}.header-content img{height:auto;width:50px}.userIcon-button{background-color:hsla(0,0%,100%,0);border:none}.userIcon-button:focus{border:none}.UserIconDisplay{align-items:center;background-color:#bfe6bf;border:2px solid #000;border-radius:5px;display:flex;flex-direction:column;gap:10px;height:200px;justify-content:center;min-width:300px;position:fixed;right:5vw;top:9vh;width:20vw}.UserIconDisplay button{background-color:transparent;border:2px solid #6e926e;border-radius:5px;margin:3px 5%;width:90%}.UserIconDisplay p{font-weight:700;margin:0;text-align:center}body{margin:0}body,main{background-color:#b1ebb1}main{display:grid;grid-template-columns:2fr 4fr 2fr;grid-template-rows:1fr;margin:0 5vw 100px;padding-top:10vh;width:90vw}.main-path{grid-column:2/3;height:100%;transition:all .6s;width:100%}.section-name-div{align-items:center;background-color:#a2d7a2;border-radius:10px;box-shadow:0 10px 20px 0 #43434370;display:flex;flex-direction:row;height:100px;justify-content:space-around;margin:50px 0 30px;width:100%}.section-name-div button{background-color:#fff000;border:solid #344434;border-width:3px 3px 5px;color:#344434;margin-right:10px;min-width:25%}.section-name-div p{color:#344434;font-size:1.5rem;font-weight:700;margin:0 10px 0 0;text-align:center}.sections-lesson{align-items:center;display:flex;flex-direction:column;justify-content:center}.sections-lesson button{background-color:#8fbc8f;border:3px solid #fff000;border-radius:20px;box-shadow:0 0 20px 0 gray;min-height:80px;min-width:250px;width:15vw}.sections-lesson button:nth-child(odd){margin-left:40px;-webkit-transform:rotate(1deg);transform:rotate(1deg)}.sections-lesson button:nth-child(2n+2){margin-right:40px;-webkit-transform:rotate(-1deg);transform:rotate(-1deg)}.sections-lesson button:focus{border-bottom:3px solid #fff000}.sections-lesson button:hover{border-bottom:4px solid #fff000;border-top:4px solid #fff000;box-shadow:0 0 20px 0 #ac9f57}.sections-lesson button p{color:#547154;font-size:1.3rem;margin:0 10%;width:80%}.lessons-div{background-color:#b1ebb1;left:0!important;min-height:100vh;position:absolute;transition:opacity 1s,-webkit-transform 1s;transition:transform 1s,opacity 1s;transition:transform 1s,opacity 1s,-webkit-transform 1s;width:100vw}.lessons-div-fadeInAnim{left:-100vw}.lessons-div-fadeInAnim,.lessons-div-fadeOutAnim{height:100vh;position:absolute;transition:all 1s;width:100vw}.lessons-div-fadeOutAnim{left:100vw}.single-lesson{height:100%;width:100%}.single-question{align-items:center;border:1px solid #000;box-shadow:0 6px 20px 0 #000;display:flex;flex-direction:column;justify-content:center;min-height:30vh;padding-bottom:20px;width:100%}.single-question-title{color:#5c7b5c;font-size:1.5rem;font-weight:700;margin:24px 10px;text-align:center}.single-question-DragAndDrop-words,.single-question-possibleAnswers{width:60%}.single-question-DragAndDrop-words{align-items:center;background-color:#fff;border-radius:10px;box-shadow:0 0 4px 0 #000;display:flex;flex-direction:column;justify-content:center;margin-bottom:20px;min-height:50px;padding:30px 10px}.single-question-DragAndDrop-location{background:#b8b8b8;border-radius:15px;box-shadow:0 0 4px 0 #000;display:flex;min-height:70px;overflow:scroll;padding:10px;width:70%}.single-question-DragAndDrop-singleWord,.single-question-possibleAnswers-singleAnswer{background-color:#a0a0a05c;background-color:#fff886;border:2px solid #344434;border-radius:10px;box-shadow:0 0 3px 0 #000;color:#344434;font-size:1.1rem;margin:1vw;padding:5px 20px;transition:all .6s;width:100%}.single-question-DragAndDrop-singleWord:hover,.single-question-possibleAnswers-singleAnswer:hover{box-shadow:0 0 10px 0 #535353}.singlePossibleAnswer-selected{background-color:hsla(0,100%,99%,0);-webkit-transform:scale(1.05);transform:scale(1.05)}.singlePossibleAnswer-selected:hover{background-color:hsla(0,0%,100%,0);box-shadow:0 0 3px 0 #535353}.single-lesson-buttons{align-items:center;display:flex;flex-direction:row;gap:10px;justify-content:center;margin-bottom:40px;margin-top:40px}.single-lesson-buttons button{font-size:1rem;height:50px;width:150px}.main-left-nav{margin-top:50px;position:fixed;width:22.5vw}.main-left-nav button{background-color:#e0ffd5;border:none;border-radius:10px;font-size:1rem;margin:3px 5%;min-height:40px;width:90%}.main-left-nav button:hover{background-color:#add5af}.main-left-nav button:focus{background-color:#edff9e;border:2px solid #5c7a5c}.main-right{grid-gap:10px;display:grid;gap:10px;grid-column:3/4;grid-template-columns:1fr;grid-template-rows:1fr 1fr;height:55vh;padding:6vh 0;position:fixed;right:5vw;width:22.5vw}.main-right-daily-streak,.main-right-score{align-items:center;background-color:#e0ffd5;border:2px solid gray;border-radius:10px;display:flex;flex-direction:column;justify-content:center;margin:0 20px;padding-top:10px}.main-right-score img{margin-top:5px;width:60%}.main-right p{align-items:center;display:flex;flex-direction:row;font-size:1.3rem;justify-content:center;margin:10px 5px;text-align:center}.main-right-score-title{border:1px solid #000;font-weight:700;margin-bottom:0!important;width:100%}.main-right-streak-title{font-size:1.3rem;font-weight:700}.dailyStreakNum{-webkit-text-fill-color:transparent;background:linear-gradient(180deg,#8fbc8f,green,#90ee90);background-clip:text;-webkit-background-clip:text;font-size:2rem!important;margin-left:3px}.tab-btn-selected{border:2px solid #5c7a5c!important}.tab-btn-selected,.tab-btn-selected:hover{background-color:#edff9e!important}.mistakes-tab{align-items:center;background-color:#8fbc8f;border-radius:15px;display:flex;flex-direction:column;grid-column:2/3;margin-bottom:-50px;margin-top:50px;min-height:80vh;text-align:center}.mistakes-tab>img{width:60%}.mistakes-tab>p,.shop-tab>p{color:#344434;font-size:1.5rem;font-weight:700;margin-left:10px;margin-right:10px}.mistake{background:#f7ffe2;border:1px solid #000;border-radius:10px;font-size:1.1rem;margin:10px;padding:5px}.mistake-title{color:#8fbc8f;font-size:1.2rem;font-weight:700}.mistake-userAnswer{color:#a41515}.mistake-correctAnswer{color:#5aca5a}.shop-tab{align-items:center;background-color:#8fbc8f;border-radius:15px;display:flex;flex-direction:column;grid-column:2/3;margin-bottom:-50px;margin-top:50px;min-height:80vh}.shop-tab>img{height:auto;margin-top:20px;width:60%}.shop{width:100%}.shop,.shop-perk{align-items:center;display:flex;flex-direction:column;justify-content:center}.shop-perk{background-color:beige;border:1px solid #000;border-radius:15px;margin:10px;min-height:150px;padding:5px;width:90%}.shop-perk-upper{align-items:center;display:flex;flex-direction:row;justify-content:flex-start;width:100%}.shop-perk-upper img{height:50px;width:auto}.shop-perk-upper .perk-title{color:#8fbc8f;font-size:1.7rem;font-weight:700;margin-left:5px}.shop-perk-lower{align-items:center;display:flex;flex-direction:row;justify-content:space-between;width:100%}.shop-perk-lower p{font-size:1.2rem;width:55%}.shop-perk-lower button{background-color:#ffe75f;margin-left:5px;min-height:50px;min-width:30%}@media (max-width:600px){.single-question-DragAndDrop-singleWord{padding:0}.single-question-DragAndDrop-location{height:50px;margin:0 5%;width:90%}}@media (max-width:675px){.main-right{display:none}.main-path,.mistakes-tab,.shop-tab{grid-column:2/4}}@media (max-width:460px){.main-left-nav{display:none}.main-path,.mistakes-tab,.shop-tab{grid-column:1/4;margin-bottom:30px}}.authentication{background-color:#b1ebb1;flex-direction:column;height:100vh;width:100vw}.authentication,.authentication>div{align-items:center;display:flex;justify-content:center}.authentication>div{flex-direction:row}.authentication>div>p{color:azure;font-size:2rem;font-weight:700;margin-right:5px;text-align:center;width:30vw}.auth-inputs-holder{align-items:center;background-color:rgba(95,158,160,.5);border-radius:10px;box-shadow:10px 10px 20px 3px hsla(0,0%,40%,.736);display:flex;flex-direction:column;gap:20px;height:300px;justify-content:center;max-width:30vw;min-width:400px;transition:all .5s}.auth-inputs-holder button{background-color:azure;border:solid #000;border-radius:13px;border-width:2px 2px 5px;font-size:1.5rem;font-weight:700;margin:0 30px;outline:none;padding:5px;transition:all .1s;width:80%}.auth-inputs-holder button:focus{border-bottom:2px solid #000}.auth-goBack-btn{background-color:initial!important;border:none!important;border-radius:0!important;color:#000;font-size:1rem!important}.login-component,.signup-component{height:100%;width:100%}.signup-component form{grid-template-rows:1fr 2.5fr .5fr 1fr 1fr}.login-component form,.signup-component form{display:grid;grid-template-columns:1fr 1fr;height:100%;width:100%}.login-component form{grid-template-rows:1fr 1.5fr .5fr 1fr}.login-component form>p:first-child,.signup-component form>p:first-child{font-size:1.4rem;grid-column:1/3;margin-bottom:0;text-align:center}.login-comoponent-inputHolder{display:flex;flex-direction:column;grid-column:1/3;justify-content:center;margin-bottom:10px}.login-component form button,.signup-component form button{grid-column:1/3;margin:0 30%;width:40%}.login-component-emailDiv,.login-component-passwordDiv,.signup-component-emailDiv,.signup-component-passwordDiv{display:flex;flex-direction:column;justify-content:center;margin:0 10px}.signup-component label{margin-top:10px}.login-comoponent-inputHolder input,.signup-component input{background-color:#e0eeee;border:none;border-radius:4px;outline:none;outline:1px solid gray;padding:5px}.login-comoponent-inputHolder input{margin:0 10px}.login-comoponent-inputHolder label{margin:20px 10px 0}.auth-component-errorMsg{color:red;grid-column:1/3;margin:10px;text-align:center}@media (max-width:1125px){.auth-inputs-holder{height:auto;min-height:300px}.signup-component form{display:grid;grid-template-columns:1fr;grid-template-rows:.2fr 2fr .5fr .5fr .1fr;height:400px;width:100%}.auth-component-errorMsg,.auth-inputs-holder form>p:first-child,.login-component form button,.signup-component form button{grid-column:1/2}.login-component form{display:grid;grid-template-columns:1fr;grid-template-rows:.3fr 1.5fr .5fr .5fr;height:100%;width:100%}}@media (max-width:685px){.authentication>div{flex-direction:column}.authentication>div>p{max-width:400px;min-width:300px}}@media (max-width:390px){.auth-inputs-holder{min-width:100%;width:100%}}.LoadingScreen{background-color:#b1ebb1;height:100%;left:0;position:absolute;top:0;transition:all .6s;width:100%;z-index:1}.ring{background:transparent;border:3px solid #3c3c3c;box-shadow:0 0 20px rgba(0,0,0,.5);color:#fff000;font-family:sans-serif;font-size:20px;height:150px;left:50%;letter-spacing:4px;line-height:150px;text-align:center;text-shadow:0 0 10px #fff000;text-transform:uppercase;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:150px}.ring,.ring:before{border-radius:50%;position:absolute}.ring:before{-webkit-animation:animateC 2s linear infinite;animation:animateC 2s linear infinite;border-right:3px solid transparent;border-top:3px solid transparent;border-color:#fff000 #fff000 transparent transparent;border-style:solid;border-width:3px;content:"";height:100%;left:-3px;top:-3px;width:100%}span{-webkit-animation:animate 2s linear infinite;animation:animate 2s linear infinite;background:transparent;display:block;height:4px;left:50%;top:calc(50% - 2px);-webkit-transform-origin:left;transform-origin:left;width:50%}span,span:before{position:absolute}span:before{background:#fff000;border-radius:50%;box-shadow:0 0 20px #fff000;content:"";height:16px;right:-8px;top:-6px;width:16px}@-webkit-keyframes animateC{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes animateC{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes animate{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg)}to{-webkit-transform:rotate(405deg);transform:rotate(405deg)}}@keyframes animate{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg)}to{-webkit-transform:rotate(405deg);transform:rotate(405deg)}}button{background-color:azure;border:solid #000;border-radius:13px;border-width:2px 2px 5px;font-size:1.5rem;font-weight:700;outline:none;padding:5px;transition:all .1s}button:focus{border-bottom:2px solid #000}.divider{background-color:#000;min-height:3px;width:100%}.error-window{background-color:rgba(0,0,0,.457);height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:10}.error-div,.error-window{align-items:center;display:flex;flex-direction:column;justify-content:center}.error-div{background-color:#8fbc8f;border:1px solid #000;border-radius:10px;box-shadow:0 7px 20px 0 #000;font-size:1.6rem;font-weight:700;height:30%;text-align:center;width:30%}.HOC_overlay{background-color:rgba(0,0,0,.457)}.HOC_overlay,.lesson-overview{height:100vh;left:0;position:fixed;top:0;width:100vw}.lesson-overview{align-items:center;background-color:rgba(0,0,0,.6);color:#fff;display:flex;flex-direction:column;justify-content:center;overflow:scroll;text-align:center;z-index:2}.lesson-overview p{margin-left:10px;margin-right:10px}.lesson-overview-title{font-size:2.5rem;font-weight:700}.lesson-overview-results{background-color:#8fbc8f;border-radius:10px;box-shadow:0 20px 20px 0 #00000073;overflow:scroll}.single-badAnswer{align-items:center;background-color:#f7ffe2;box-shadow:0 0 15px 0 #00000070;display:flex;flex-direction:column;justify-content:center;margin:10px 0}.badAnswer-title{color:#2f4f4f;font-weight:700;margin:10px}.answers{align-items:center;background-color:#b9f4b9;border:2px solid #000;border-radius:5px;color:#000;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;margin:0 30px 10px;min-width:50%}.answers p{margin-left:5px;margin-right:5px}.tca{align-items:center;align-self:center;border-left:1px solid #000;color:#638363;display:flex;flex-direction:column;font-weight:700;grid-column:2/3;grid-row:1/2;height:100%;justify-content:center;margin:0!important}.percentage{color:#5c7b5c;font-size:1.5rem;font-weight:700}.wrongQ{color:#3c513c;font-style:italic}.wys{align-items:center;align-self:center;border-right:1px solid #000;color:#638363;display:flex;flex-direction:column;font-weight:700;height:100%;justify-content:center;margin:0!important}.single-badAnswer-userAnsweredWords{background-color:rgba(255,0,0,.1);border-right:1px solid #000;color:#a41515}.single-badAnswer-correctWords,.single-badAnswer-userAnsweredWords{align-items:center;display:flex;flex-direction:row;gap:10px;height:100%;justify-content:space-evenly}.single-badAnswer-correctWords{background-color:rgba(0,128,0,.1);border-left:1px solid #000;color:#46a046}.lesson-overview-backBtn{background-color:rgba(195,255,0,.301);border:2px solid #000;margin-bottom:10px;padding:10px}.lesson-overview-backBtn:focus{border:2px solid #000}.lesson-overview-backBtn:hover{-webkit-transform:scale(1.01);transform:scale(1.01)}.maxScore{color:#fff;font-size:2rem;font-weight:700}.mistakesTab-single-badAnswer{background-color:#f7ffe2;box-shadow:0 0 15px 0 #00000070;justify-content:center;margin:10px 0}.mistakes-tab-answers,.mistakesTab-single-badAnswer{align-items:center;display:flex;flex-direction:column;width:90%}.mistakes-tab-answers{background-color:#b9f4b9;border:2px solid #000;border-radius:5px;color:#000;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;margin-bottom:10px}.mistakes-tab-tca,.mistakes-tab-wys{align-self:center;color:#638363;font-weight:700;grid-column:2/3;grid-row:1/2}.mistakes-tab-single-badAnswer-correctWords,.mistakes-tab-single-badAnswer-userAnsweredWords{align-items:center;background-color:rgba(255,0,0,.1);border-bottom:2px solid #000;display:flex;flex-direction:row;gap:10px;height:100%;overflow:scroll;width:100%}.mistakes-tab-single-badAnswer-userAnsweredWords{color:#a41515}.mistakes-tab-single-badAnswer-correctWords{color:#46a046}.mistakes-tab-single-badAnswer-correctWords p:first-child,.mistakes-tab-single-badAnswer-userAnsweredWords p:first-child{margin-left:auto;padding-left:6px}.mistakes-tab-single-badAnswer-correctWords p:last-child,.mistakes-tab-single-badAnswer-userAnsweredWords p:last-child{margin-right:auto;padding-right:6px}.no-mistakes{font-size:1.8rem!important;font-weight:700}
/*# sourceMappingURL=main.71c2a516.css.map*/