.Drawer section button{color:#f5f5f5;background-color:#247c84;border:none;border-radius:2em;margin-top:1em;padding:.5em;font-size:1.1em;font-weight:400}.Drawer section{z-index:2;background-color:#282c34;border-radius:0 2rem;flex-direction:column;width:70vw;height:100vh;padding:1rem;transition:all .4s;display:flex;position:fixed;top:0;left:-100vw}.Drawer section img{opacity:.9;width:1.5rem;height:1.5rem;transition:all .2s}.Drawer section img:focus{opacity:.2}.Drawer input{z-index:3;color:#f5f5f5;background-color:rgba(154,154,154,.1);border:none;border-radius:.5rem;outline:none;width:90%;padding:2rem 1rem .5rem;font-size:1.2em;position:relative}.Drawer label{font-optical-sizing:auto;z-index:2;color:#f5f5f5;opacity:.5;margin:1.5em 0 -1.5em .5em;font-family:Signika,sans-serif;font-size:1em;font-style:normal;font-weight:lighter;position:relative}.Drawer .shade{z-index:1;opacity:0;background-color:rgba(0,0,0,.4);width:100vw;height:0;transition:opacity .4s ease-out,height 1s;position:fixed;top:0}.Drawer .shade.enabled{z-index:1;opacity:1;background-color:rgba(0,0,0,.4);width:100vw;height:200vh;transition:opacity .4s ease-out;position:fixed;top:0}.Drawer{z-index:10;background-color:#282c34;position:relative}.Drawer img{color:#f5f5f5;border:none;width:1.5em;height:1.5em;padding:1em 1em 0;font-weight:400}.Drawer .header{justify-content:space-between;height:3.5rem;display:flex}.Drawer .header p{text-align:center;color:#f5f5f5;font-variant:all-petite-caps;margin-top:.2em;font-size:1.8rem;font-weight:700}.Drawer .header div{width:1.5em;padding:1em 1em 0}.react-datepicker{color:#f5f5f5;background-color:#34383f;border-radius:.5rem;width:60vw;padding:.5rem}.react-datepicker .react-datepicker__day-names,.react-datepicker .react-datepicker__week{justify-content:space-between;display:flex}.react-datepicker .react-datepicker__day-names{padding-bottom:.3em;font-weight:600}.react-datepicker .react-datepicker__day,.react-datepicker .react-datepicker__day-name{text-align:center;width:14%}.react-datepicker .react-datepicker__day{opacity:.8;padding:.2em}.react-datepicker .react-datepicker__day--outside-month{opacity:.3}.react-datepicker .react-datepicker__day:hover{opacity:1;background-color:rgba(36,124,132,.2)}.react-datepicker .react-datepicker__day--selected{opacity:1;background-color:#247c84;border-radius:.5rem;font-weight:600}.react-datepicker .react-datepicker__today-button{text-align:center;width:100%;padding-top:.8em}.react-datepicker .react-datepicker__aria-live{display:none}.react-datepicker .react-datepicker__current-month{text-align:center;width:100%;font-size:1rem}.react-datepicker .right{transform:rotate(180deg)}.react-datepicker img{padding:1em}.react-datepicker .react-datepicker--header{flex-direction:column;justify-content:center;align-items:center;display:flex}.react-datepicker .react-datepicker--header>h1,.react-datepicker .react-datepicker--header>h2{margin:0}.Drawer svg,.Drawer svg path{fill:#34383f;stroke:#34383f}
.App-Wrapper{color:#fff;background-color:#282c34;flex-flow:row;width:700vw;font-size:calc(10px + 2vmin);display:flex;position:relative;overflow-x:hidden}
.navigator{justify-content:space-around;width:100vw;display:flex}.navigator>div{color:#f5f5f5;border-bottom:2px solid transparent;flex-direction:column;justify-content:center;align-items:center;width:10vw;height:12vw;transition:all .2s;display:flex}.current{font-weight:700;border-bottom:2px solid #36bec9!important}.navigator img{height:6vw}.navigator .right{transform:rotate(180deg)}
.Lesson-box-wrapper{flex-direction:row;width:90vw;display:flex;position:absolute}.Lesson-box{box-sizing:border-box;border-radius:1em;flex-direction:column;justify-content:space-around;width:80%;padding:.5em;display:flex;overflow:hidden}.Lesson-box h1{margin:0;font-size:1em;font-weight:600}.Lesson-box h2{opacity:.8;margin:0;font-size:.7em;font-weight:400}.Lesson-box h3{margin:0;font-size:1.1em;font-weight:600}.Lesson-box h4{opacity:.8;margin:0;font-size:.7em;font-weight:400}.Lesson-box-wrapper aside{flex-direction:column;justify-content:center;width:20%;margin:0;font-size:.7em;font-weight:400;display:flex;position:relative}.Lesson-box-wrapper aside p{margin:.5em}.Lesson-box-wrapper aside .finished{color:#282c34;text-align:center;background-color:#282c34;border:2px solid rgba(245,245,245,.8);border-radius:50%;width:20px;height:20px;font-size:16px;font-weight:700;line-height:22px;position:absolute;left:-11px}
.Lesson-wrapper{background-color:#282c34;gap:20px;width:100vw;height:100vh;padding:20px;position:relative}.Lesson-wrapper p{text-align:center;width:100%}.Lesson-wrapper .passed{width:100vw;position:absolute;left:0}.Lesson-wrapper .passed:before{content:"";mix-blend-mode:color;background-color:rgba(40,44,52,.8);width:100vw;height:1800px;display:block;position:absolute;bottom:0;left:0}.Lesson-time-line{background-color:rgba(245,245,245,.8);width:2px;height:100%}