.lessonsWrapper{display:flex;height:100vh;align-items:center;justify-content:space-evenly}.lessonsContainer{height:90%;width:60%;background-color:var(--purple);border-radius:.6875rem}.chatHeader{display:flex;flex-direction:row;align-items:center}.chatHeaderText{margin-right:50px}.chatBody{display:flex;flex-direction:column-reverse;height:100%;overflow-y:scroll}.chatBodyContainer{height:100%;background-position:50%;background-position-y:top;scroll-snap-type:y mandatory;overflow:hidden;position:relative}.chatSendMessage{height:5rem;display:flex;align-items:center;justify-content:center}.chatSendMessageContainer{position:relative;width:98%}.chatButton{width:5.9375rem;height:2rem;flex-shrink:0;border-radius:.5rem;background:var(--green);color:#fff;font-family:Londrina Solid;font-size:1.25rem;font-style:normal;font-weight:400;line-height:1.25rem;display:flex;justify-content:center;align-items:center;margin:0}.nextButton{bottom:10px;right:20px}.nextButton,.submitButton{position:absolute;cursor:pointer}.submitButton{top:3px;right:5px}.inputMessage{width:-webkit-fill-available;height:2.1rem;border-radius:.6875rem}.inputMessageContainer{height:20%;width:95%}.selectContainer{background-color:#fff;padding:5px;border-radius:.6875rem}.disabled{background-color:grey;cursor:not-allowed}.messageContainer{padding:10px;display:flex}.userMessage{justify-content:flex-end}.aiMessage{justify-content:flex-start}.messageTextContainer{margin:0 5px;background-color:#fff;border-radius:.75rem;padding:8px;max-width:85%}.messageText{color:#000;font-family:Barlow;font-size:.875rem;font-style:normal;font-weight:400;line-height:normal;text-align:justify;margin:0;padding:0}.boldText{font-weight:600}.questionIndex{color:var(--purple);font-size:1.5rem;line-height:normal}.questionIndex,.quizBtn{font-family:Londrina Solid;font-style:normal;font-weight:400}.quizBtn{border-radius:.375rem;background:#fff;box-shadow:0 1px 4px 0 rgba(0,0,0,.5);width:35%;color:#000;font-size:1rem;border:0}.quizCompleteContainer{border-radius:.375rem;background-color:var(--paleGold);width:80%;height:80%;margin:10px;display:flex;font-family:Londrina Solid;flex-direction:column;align-items:center;font-size:15px;font-weight:400}.quizBtn:hover{background:var(--paleGold)}.quizBtnContainer{display:flex;justify-content:space-evenly}.choiceBtns{flex-direction:column;align-items:center}.choiceBtn{width:90%;margin:.5rem}.finishBtn{background-color:var(--green);width:90%;margin:2rem .5rem}.finishBtn:hover{background-color:green}.selected,.selected:hover{background-color:var(--yellow)}.correct,.correct:hover,.inputMessage.correct{background-color:var(--green)}.disabledFinish,.disabledFinish:hover,.inputMessage.incorrect,.lessonsListContainer{background-color:var(--yellow)}.lessonsListContainer{height:90%;width:30%;border-radius:.6875rem}.lessonsList{height:100%;margin:10px;background-color:#fff;overflow-y:scroll;padding:10px;font-family:Barlow;font-size:16px;background-color:hsla(0,0%,100%,.8);background-size:cover;background-repeat:no-repeat;background-position:bottom,0 0}.chatContainer{display:flex;flex-direction:column;justify-content:space-between;height:100%}.chatHeader{height:7rem;padding-left:15px}.chatHeaderText{color:#fff;text-shadow:0 4px 4px rgba(0,0,0,.25);font-family:Londrina Solid;font-size:2.25rem;font-style:normal;font-weight:400;line-height:normal}html{font-size:16px}nav{justify-content:space-between;height:4.0625rem;width:80%}.navWrapper,nav{display:flex;align-items:center;background:#ffc700}.navWrapper{justify-content:center}#logo{width:100%;height:2.8125rem;top:.6875rem;border:.125rem;display:flex;align-items:center}#logo,#logo h3,.color{background:#ffc700}#logo h3{font-family:Londrina Solid;font-size:2rem;font-weight:400;line-height:2.375rem;letter-spacing:0;text-align:left;color:#fff;-webkit-text-stroke:.125rem var(--purple);padding-left:.625rem}#logo img{width:50px;height:2.8125rem}#logo img,#navbar{background:#ffc700}#navbar{display:flex;align-items:center;justify-content:center;width:100%;height:1.1875rem}#navbar .navbarElement{background:#ffc700;list-style:none;padding:0 1.25rem;font-family:Inter;font-size:1rem;font-weight:400;line-height:1.1875rem;letter-spacing:0;text-align:left;position:relative}#navbar .navbarElement a{background:#ffc700;text-decoration:none;color:#2000a0}#navbar #logout a{text-wrap:nowrap;text-decoration:none;color:#c40000}@media screen and (max-width:1000px){nav{width:95%}}