@import url(https://fonts.googleapis.com/css2?family=Orelega+One&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background-image:url(/static/media/ChemClick_Background.b1c62dee8a8fe9e5999f.jpg);background-position:50%;background-repeat:no-repeat;background:linear-gradient(#0006,#0006),url(/static/media/ChemClick_Background.b1c62dee8a8fe9e5999f.jpg);background-size:cover;flex-direction:column;min-height:100vh;overflow-x:hidden;width:100vw}.home-container,body{align-items:center;display:flex;justify-content:center}.home-container{animation:fadeIn .6s ease-in-out;background:#00d5d7cc;border-radius:25px;box-shadow:0 4px 8px #0003;height:80vh;padding:5%;position:relative;transition:transform .3s ease;width:80vw;z-index:1}.main-container{align-items:center;background:#fff;background-image:url(/static/media/homebg.fea537164ab277709c8c.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border:1vh solid #015770;border-radius:2vh;box-shadow:0 3px 6px #0000001a;display:flex;height:70vh;width:80vw}.main-item{display:flex;height:50vh;padding:2vh;transition:transform .2s ease;width:38vw}#welcomeTitle{color:#015770;font-family:Orelega One,cursive;font-size:clamp(2rem,7.5vw,8rem);font-weight:700;text-align:center;text-shadow:1px 1px 3px #00000080}#menuOptions{height:69vh;padding-left:10%;width:36vw}.menu-container{align-items:center;background-color:#00d5d7;background:#00d5d7d9;border:1vh solid #015770;border-radius:2vh;display:flex;flex-direction:column;height:65vh;justify-content:space-around;padding:2vh;width:33vw}.home-logo{border:3px solid #015770;border-radius:50%;box-shadow:0 4px 8px #0000001a;display:block;height:auto;margin:0 auto;max-width:100%;padding:8px;transition:transform .2s ease;width:clamp(20px,11vw,120px)}.home-logo:hover{transform:rotate(5deg)}.home-button{align-items:center;background:#2c2c2c;border-radius:30px;box-shadow:0 3px 6px #0000001a;color:#fff;cursor:pointer;display:flex;font-family:Orelega One,cursive;font-size:2vw;font-weight:700;height:10vh;justify-content:center;transition:background .2s ease,transform .2s ease;width:20vw}.home-button:hover{background:#015770;transform:translateY(-3px)}.profile-picture{margin-left:43px}.click-to-begin-container{align-items:center;background-color:#00d5d7;border:5px solid #fff;border-radius:15px;box-shadow:0 4px 10px #015770cc;display:flex;flex-direction:column;height:auto;padding:25px;position:fixed;right:calc(50vw - 600px);top:140px;width:350px;z-index:10}.click-to-begin-container:before{background-image:url(/static/media/clickbg.340458cf1a07fc463e12.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:10px;bottom:0;content:"";left:0;opacity:.6;position:absolute;right:0;top:0;z-index:0}.click-text{border:5px solid #015770;color:#000;font-family:Orelega One,cursive;font-size:2rem;font-weight:700;margin-bottom:20px;padding:10px 20px;text-align:center}.click-logo,.click-text{background-color:#fff;border-radius:10px;box-shadow:0 8px 15px #015770cc;z-index:1}.click-logo{border:5px solid #015770;height:120px;object-fit:contain;padding:10px;width:120px}.announcements-container{align-items:center;background-color:#00d5d7;border:5px solid #fff;border-radius:15px;box-shadow:0 4px 10px #015770cc;display:flex;flex-direction:column;height:auto;margin-bottom:-20px;overflow:hidden;padding:10px;position:fixed;right:calc(50vw - 600px);top:415px;width:350px;z-index:20}.announcements-container:before{background-image:url(/static/media/announcementsbg.63395f0cc5daf84abfe4.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:25px;bottom:0;content:"";left:-30px;opacity:.6;position:absolute;right:-30px;top:0;z-index:0}.announcements-title{background-color:#fff;border:5px solid #015770;border-radius:10px;box-shadow:0 8px 15px #015770cc;color:#000;font-family:Orelega One,cursive;font-size:2rem;margin-bottom:20px;padding:10px 15px;position:relative;text-align:center;z-index:2}.announcements-content-box{background-color:#fff;border:3px solid #015770;border-radius:10px;box-shadow:0 4px 10px #015770cc;box-sizing:border-box;display:flex;flex-direction:column;height:200px;overflow-y:auto;padding:20px;width:100%;z-index:1}.announcement-message{border-bottom:1px solid #ccc;display:flex;flex-direction:column;font-family:Orelega One,cursive;justify-content:space-between;margin-bottom:1px;margin-top:10px;padding:10px}.announcement-author{color:#000;font-size:1.2rem;margin-top:-5px}.announcement-date{color:#a9a9a9;font-size:.9rem;margin-bottom:20px}.announcement-text{color:#000;flex-grow:1;font-size:1rem;margin-bottom:12px}.announcement-message:last-child{margin-bottom:12px}.unitlist-container{align-items:center;background-color:#00d5d7;border:5px solid #fff;border-radius:10px;box-shadow:0 4px 10px #015770cc;display:flex;flex-direction:column;margin:0 auto;max-height:497px;max-width:800px;min-height:497px;overflow-x:hidden;overflow-y:auto;padding:10px;position:relative;top:20px;transform:translateX(-23%);width:60%}.unitlist-container:before{background-image:url(/static/media/announcementsbg.63395f0cc5daf84abfe4.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:25px;bottom:0;content:"";left:-30px;opacity:.6;position:absolute;right:-30px;top:0;z-index:-1}.unitlist-header h1{background-color:#fff;border:3px solid #015770;border-radius:15px;color:#000;font-family:Orelega One,cursive;font-size:1.5rem;margin-bottom:20px;padding:10px;text-align:center}.unitlist-content{width:100%}.unit-item{background-color:#e7f7f9;border:2px solid #015770;border-radius:5px;margin-bottom:10px;padding:10px}.current-lesson,.current-unit{background-color:#e5ffb5!important}.current-lesson{border:2px solid #237b31;border-radius:5px;padding:10px}.unit-title{align-items:center;cursor:pointer;display:flex;font-family:Orelega One,cursive;font-size:1.7rem;justify-content:space-between;letter-spacing:1px}.unit-number{font-size:1.2rem;margin-right:10px}.unit-number,.unit-text{color:#000;font-weight:700}.unit-text{flex-grow:1;font-size:1.3rem;letter-spacing:1.5px;margin-left:10px}.triangle{color:#000;font-family:Orelega One,cursive;font-size:2.5rem;margin-left:10px}.unit-details{background-color:#fff;border:2px solid #015770;border-radius:5px;margin-top:10px;padding:10px}.unit-details ul{list-style:decimal;margin-left:20px}.unit-details li{align-items:center;border-bottom:1px solid #ccc;color:#333;display:flex;font-family:Orelega One,cursive;font-size:1.3rem;justify-content:space-between;margin-bottom:10px;padding-bottom:5px}.lesson-name{word-wrap:break-word;display:inline-block;margin-right:10px;max-width:calc(100% - 150px);word-break:break-word}.due-date-container{align-items:flex-end;display:flex;flex-direction:column;gap:4px;margin-left:auto;text-align:right}.due-date{color:inherit;cursor:pointer;font-size:1.1rem;transition:background-color .3s ease-in-out}.due-date:hover .tooltip{display:block}.due-date .status-text:hover{color:#000;text-decoration:none}.due-date:hover{background-color:#0000000d;border-radius:5px;box-shadow:0 4px 8px #0003;padding:5px;transition:all .3s ease-in-out}span.due-date,span.due-date:hover{text-decoration:none!important}.lesson-item span:hover{background-color:#0000000d;border-radius:5px;box-shadow:0 4px 8px #0003;color:#015770;padding:2px;text-decoration:underline;text-decoration-thickness:2px;transition:all .3s ease-in-out}.in-progress-lesson{background-color:#e5ffb5;border-left:5px solid #bff855}.in-progress-lesson .due-date{color:#333;font-weight:400}.completed-lesson .due-date{text-decoration:line-through;text-decoration-color:darkred;text-decoration-thickness:1px}.locked-lesson .due-date{color:#999;font-weight:700}.locked-lesson span:not(.demo-link){background-color:initial!important;box-shadow:none!important;color:#999!important;cursor:not-allowed!important;padding:0!important;text-decoration:none!important;transition:none!important}.completed-lesson .due-date{cursor:pointer;position:relative}.completed-lesson .due-date .tooltip{background-color:#f9f9f9;border:1px solid #ccc;border-radius:5px;box-shadow:0 4px 8px #0003;color:#333;display:none;font-size:1rem;margin-right:10px;padding:5px;position:absolute;right:100%;top:50%;transform:translateY(-50%);white-space:nowrap;z-index:1}.completed-lesson .due-date:hover .tooltip{display:block}.completed-lesson .due-date:hover{padding:2px;text-decoration:underline;transition:all .3s ease-in-out}.progress-bar-container{align-self:flex-end;background-color:#e0e0e0;border-radius:4px;cursor:pointer;cursor:default;height:4px;overflow:hidden;transition:opacity .3s ease-in-out;width:100px}.progress-bar{background-color:#4caf50;height:100%;transition:width .4s ease-in-out}.submitted-late-lesson{cursor:pointer;position:relative}.submitted-late-lesson .tooltip{background-color:#f9f9f9;border:1px solid #ccc;border-radius:5px;box-shadow:0 4px 8px #0003;color:#333;display:none;font-size:1rem;margin-right:10px;padding:5px;position:absolute;right:100%;top:50%;transform:translateY(-50%);white-space:nowrap;z-index:1}.submitted-late-lesson:hover .tooltip{display:block}.demo-link{color:#007bff;cursor:pointer;font-size:1rem;margin-left:6px;text-decoration:underline;transition:color .2s ease-in-out}.demo-link:hover{color:#0056b3}.locked-cursor{cursor:not-allowed!important}.Dashboard{background-image:url(/static/media/dashboardbg.7433381d88ae017661bf.png)}.Dashboard,.Login{background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden;width:100vw}.Login{background-image:url(/static/media/ChemClick_Background.b1c62dee8a8fe9e5999f.jpg)}.login-container{background-color:#fff;background-image:url(/static/media/loginbg.4472730ca6488f84c641.png);background-position:50%;background-size:cover;border:6px solid #003f52;border-radius:30px;box-shadow:0 4px 8px #0003;height:auto;justify-content:center;margin:auto;max-height:700px;max-width:700px;padding:40px;width:90%;z-index:1}.login-container,.login-header{display:flex;flex-direction:column}.login-header{align-items:center;width:100%}.login-profile-logo{height:150px;margin-right:10px;width:150px}.login-inputs{flex-direction:column;gap:15px;margin-top:30px}.login-input,.login-inputs{display:flex;justify-content:center}.login-input{align-items:center;background:#eaeaea;border:4px solid #015770;border-radius:40px;height:60px;margin:auto;width:480px}.login-input input{background:#0000;border:none;color:#000;font-size:1.2rem;height:50px;margin-left:40px;outline:none;text-align:left;width:100%}.login-input-box{align-items:center;background:#fff;border:4px solid #015770;border-radius:10px;box-shadow:0 4px 8px #0000001a;display:flex;flex-direction:column;height:450px;justify-content:center;margin-top:30px;padding:30px;width:100%}.login-Password,.login-Student-ID{border:20x solid #015770;color:#000;font-family:Orelega One,cursive;font-size:1.5rem;font-weight:700;margin-left:30px;max-width:400px;text-align:center;width:100%}.options{color:gray;cursor:pointer}.create-account,.forgot-password{margin-top:5px}.submit-container{display:flex;gap:30px;margin:20px auto}.submit{font-size:30px;margin-bottom:20px;min-height:50px;width:220px}.Login{-webkit-backdrop-filter:brightness(.97);backdrop-filter:brightness(.97)}.login-container{animation:fadeIn .6s ease-in-out;transition:transform .3s ease,box-shadow .3s ease}.login-container:hover{box-shadow:0 6px 12px #00000040;transform:scale(1.01)}.login-profile-logo{transition:transform .3s ease}.login-profile-logo:hover{transform:rotate(2deg) scale(1.05)}.submit{transition:transform .2s ease,background .3s ease}.Login .submit:hover{background:#015770;transform:translateY(-3px)}.options:hover{color:#015770;text-decoration:underline}.logout-body{background-image:url(/static/media/ChemClickBackground.acb024060ac71beb77e2.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;flex-direction:column;min-height:100vh;width:100vw}.logout-body,.logout-home-container{align-items:center;display:flex;justify-content:center}.logout-home-container{background:#00d5d7;border-radius:25px;height:65vh;padding:4%;width:80vw}.logout-main-container{align-items:center;background:#fff;background-image:url(/static/media/homebg.fea537164ab277709c8c.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border:1vh solid #015770;border-radius:2vh;display:flex;height:55vh;width:80vw}.logout-main-item{align-items:center;display:flex;flex-direction:column;height:40vh;justify-content:center;padding:2vh;width:38vw}#logoutTitle{color:#015770;font-family:Orelega One,cursive;font-size:clamp(2rem,7.5vw,10rem);font-weight:700;padding-left:1vw;text-align:center}#logoutMenuOptions{height:55vh;padding-left:8%;width:36vw}.logout-menu-container{background-color:#00d5d7;flex-direction:column;height:50vh;justify-content:space-around;width:25vw}.logout-logo-wrapper,.logout-menu-container{align-items:center;border:1vh solid #015770;border-radius:2vh;display:flex}.logout-logo-wrapper{background-color:#fff;border-radius:20px;justify-content:center;margin-top:2.5vh;padding:15px 15px 1px}.logout-logo{display:block;height:auto;margin:0 auto;max-width:100%;padding-left:5%;width:clamp(35px,20vw,200px)}.logout-message{color:#015770;font-size:1.5rem;text-align:center}.logout-button,.logout-message{font-family:Orelega One,cursive}.logout-button{align-items:center;background:#2c2c2c;border-radius:30px;color:#fff;cursor:pointer;display:flex;font-size:2vw;font-weight:700;height:10vh;justify-content:center;margin-top:-22px;width:20vw}.logout-button:hover{background:#1a1a1a}.logout-title-text{color:#015770;font-family:Orelega One,cursive;font-size:clamp(2rem,7.5vw,10rem);font-weight:700;text-align:center;transform:translateX(45px)}.AccountCreation{background-repeat:no-repeat;min-height:100vh;overflow-x:hidden;width:100vw}.AccountCreation,.acc-container{background-position:50%;background-size:cover;display:flex;flex-direction:column}.acc-container{background-color:#fff;background-image:url(/static/media/loginbg.4472730ca6488f84c641.png);border:6px solid #003f52;border-radius:30px;box-shadow:0 4px 8px #0003;height:auto;justify-content:center;margin:auto;max-height:700px;max-width:800px;padding:40px;position:relative;width:auto;z-index:1}.acc-header{align-items:center;display:flex;flex-direction:column;width:100%}.acc-profile-logo{height:150px;margin-right:10px;width:150px}.acc-inputs{flex-direction:column;gap:15px;margin-top:10px}.acc-input,.acc-inputs{display:flex;justify-content:center}.acc-input{align-items:center;background:#eaeaea;border:4px solid #015770;border-radius:40px;height:60px;width:480px}.acc-input input{background:#0000;border:none;color:#000;font-size:1.2rem;height:50px;margin-left:40px;outline:none;text-align:left;width:100%}.acc-input-box{align-items:center;background:#fff;border:4px solid #015770;border-radius:10px;box-shadow:0 4px 8px #0000001a;display:block;flex-direction:column;height:450px;justify-content:center;margin-top:30px;overflow-x:hidden;padding:30px;width:100%}.acc-Password,.acc-Student-ID{border:20x solid #015770;color:#000;font-family:Orelega One,cursive;font-size:1.5rem;font-weight:700;margin-left:30px;max-width:400px;text-align:center;width:100%}.error-message{align-self:center;color:#9a0404;font-size:8px;justify-self:center;margin-bottom:-20px;margin-top:-20px}.options{color:#000;justify-content:center;position:relative;text-decoration:underline}.already-have-account{margin-bottom:-40px;margin-top:20px}.acc-submit,.already-have-account{align-self:center;justify-self:center}.acc-submit{background:#2c2c2c;border-radius:30px;color:#fff;cursor:pointer;display:flex;font-family:Orelega One,cursive;font-size:1.7rem;font-weight:700;height:59px;margin-top:40px;padding:15px 15px 15px 30px;text-align:center;transition:transform .2s ease,background .3s ease;width:250px}.bg-video{height:100vh;left:0;object-fit:cover;pointer-events:none;position:fixed;top:0;width:100vw}.acc-container:before{background:radial-gradient(circle,#00d5d726,#0000);border-radius:40px;bottom:-20px;content:"";left:-20px;position:absolute;right:-20px;top:-20px;z-index:-1}.acc-submit:hover{background:#015770;transform:translateY(-3px)}.acc-input:hover{box-shadow:0 0 10px #01577040;transform:scale(1.015);transition:transform .2s ease-in-out}.acc-container{animation:fadeIn .6s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.logo-container{width:500px}.profile-title{color:#000;font-family:Orelega One,cursive;font-size:1.8rem;font-weight:700;margin-right:70px}.dropdown{display:inline-block;position:relative;z-index:3}.dropdown-content{background-color:#e5ffff;box-shadow:0 8px 16px 0 #0003;cursor:pointer;display:none;min-width:160px;padding:10px;position:fixed}.dropdown-content ul{color:#000;display:block;font-family:Orelega One,cursive;font-size:1.2rem;padding:12px 16px;text-decoration:none}.dropdown-content ul:hover{background-color:#bdd9db}.show{display:block}.profileunitlist-container{align-items:center;background-color:#00d5d7;background-image:url(/static/media/RainbowBackground.dbc06ef03f5cb8d05ce3.png);border:5px solid #fff;border-radius:20px;box-shadow:0 8px 20px #015770b3;height:579px;margin:0 auto;max-width:1200px;overflow-y:auto;padding:30px;position:relative;width:100%}.profileunitlist-header h1{background-color:#fff;border:3px solid #015770;border-radius:15px;color:#000;font-family:Orelega One,cursive;font-size:1.5rem;margin-bottom:5px;padding:10px;text-align:center}.profileunitlist-content{width:100%}.profileunit-item{background-color:#e7f7f9;border:2px solid #015770;border-radius:5px;margin-bottom:10px;padding:10px}.profilecurrent-lesson,.profilecurrent-unit{background-color:#e5ffb5!important}.profilecurrent-lesson{border:2px solid #237b31;border-radius:5px;padding:10px}.profileunit-title{align-items:center;cursor:pointer;display:flex;font-family:Orelega One,cursive;font-size:1.3rem;justify-content:space-between;letter-spacing:1px}.profileunit-number{color:#000;font-size:1.2rem;font-weight:700;margin-right:10px}.profileunit-text{color:#000;flex-grow:1;font-size:1.3rem;font-weight:700;letter-spacing:1.5px;margin-left:10px}.profiletriangle{color:#000;font-family:Orelega One,cursive;font-size:2.5rem;margin-left:10px}.profileunit-details{background-color:#fff;border:2px solid #015770;border-radius:5px;margin-top:10px;padding:10px}.expandedColorBox{background-color:#00d5d780;border-radius:10px;height:250px;margin-bottom:15px;margin-top:10px;min-height:fit-content;overflow-y:auto;padding:15px;position:relative}.dateResultsExpandedTable,.resultsExpandedTable{background-color:#fff;border:5px solid #fff;border-spacing:7px;table-layout:fixed}.resultsExpandedTable{border-radius:10px;font-family:Orelega One;font-weight:400;padding:5px;width:100%}.dateResultsExpandedTable{margin-bottom:10px;margin-top:10px}.DateResultstableHeader,.dateResultsExpandedTable,.printResultsExpandedTable{border-radius:10px;font-family:Orelega One;font-weight:400;width:100%}.printResultsExpandedTable{align-items:center;background-color:#fff;background-image:url(/static/media/RainbowBackground.dbc06ef03f5cb8d05ce3.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border:5px solid #fff;border-spacing:7px;margin-bottom:10px;margin-top:10px;table-layout:fixed}.DateResultstableHeader{background-color:#ffe3e3;border:2.5px solid #f67e6b;font-size:20px;padding:10px}.lessonResultstableCell,.lessonResultstableHeader{border:2.5px solid #f6b26b;border-radius:10px;padding:10px}.lessonResultstableHeader{background-color:#f8dec1;font-family:Orelega One;font-size:20px;font-weight:400;width:20%}.lessonResultstableCell{background-color:#fef4ea}.QAresultsTableCell,.QAresultstableHeader{border:2.5px solid #8db249;border-radius:10px;padding-bottom:10px;padding-top:10px}.QAresultstableHeader{background-color:#e5ffb5;font-family:Orelega One;font-size:20px;font-weight:400;width:15%}.QAresultsTableCell{background-color:#f7ffe8;text-align:center}.timeResultsTableHeader{background-color:#fff3b2;border:2.5px solid #fbe358;border-radius:10px;font-family:Orelega One;font-size:20px;font-weight:400;padding:10px;width:11%}.timeResultsTableCell{background-color:#fffae0;border:2.5px solid #ffe766;border-radius:10px;padding-bottom:10px;padding-top:10px;text-align:center}.printButton{background-color:light;border:5px solid #015770;border-radius:15px;display:block;font-family:Orelega One;font-size:22px;font-weight:400;height:65px;margin:auto;width:310px}.printButton:active{background-color:#d7d7d7;cursor:pointer}.printButton:disabled{background-color:#ccc;cursor:not-allowed}.delete-icon{color:red;cursor:pointer;font-size:16px;margin-left:10px}.delete-icon:hover{color:darkred}.Profile{background-image:url(/static/media/profilebg.7433381d88ae017661bf.png);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column;font-family:Orelega One;font-weight:400;min-height:100vh;overflow-x:hidden;width:100vw}.welcome-banner{align-items:center;background-color:#fff;border:5px solid #015770;border-radius:25px;box-shadow:0 8px 15px #015770cc;display:flex;font-family:Orelega One,cursive;justify-content:center;margin:0 auto;max-width:800px;overflow:hidden;padding:10px;position:relative;transform:translateX(-23%);width:60%}.welcome-banner h2{color:#000;font-size:1.8rem;font-weight:700;letter-spacing:1px;margin:0;text-align:center;z-index:1}.teacherannouncements-wrapper{display:flex;justify-content:center;position:fixed;width:100%}.teacherannouncements-container{align-items:center;background-color:#00d5d7;background-position:50%;background-repeat:no-repeat;border:5px solid #fff;border-radius:15px;box-shadow:0 4px 10px #015770cc;display:flex;flex-direction:column;height:579px;justify-content:flex-start;margin:0 auto;overflow:hidden;padding:10px;position:absolute;right:calc(50vw - 600px);top:155px;width:350px;z-index:20;z-index:0}.teacherannouncements-title{background-color:#fff;border:5px solid #015770;border-radius:10px;box-shadow:0 8px 15px #015770cc;color:#000;font-family:Orelega One,cursive;font-size:2rem;margin-bottom:10px;padding:10px 15px;position:relative;text-align:center;z-index:2}.teacherannouncements-writing-box{background-color:#fff;border:3px solid #015770;border-radius:10px;height:285px;justify-content:flex-start;padding:20px}.input-teacher,.teacherannouncements-writing-box{box-shadow:0 4px 10px #015770cc;box-sizing:border-box;overflow-y:auto;width:100%;z-index:1}.input-teacher{border:3px solid #000;border-radius:10px;height:175px;line-height:normal;text-align:left}.input-teacher,.textarea-teacher{background-color:#d3d3d3;padding:10px}.textarea-teacher{border:3px solid #015770;border-radius:10px;box-shadow:0 4px 10px #015770cc;color:#000;font-family:Orelega One,cursive;font-size:1rem;height:150px;line-height:1.5;overflow-y:auto;resize:none;width:100%}.textarea-teacher:focus{border-color:#0288d1;box-shadow:0 4px 10px #0288d166;outline:none}.teacherannouncements-content-wrapper{background-color:#fff;border:3px solid #015770;border-radius:10px;box-shadow:0 4px 10px #015770cc;box-sizing:border-box;display:flex;flex-direction:column;height:300px;margin-top:5px;overflow-y:auto;padding:20px;width:100%}.teacherannouncements-content-box{box-sizing:border-box;flex-direction:column-reverse;width:100%}.teacherannouncement-message{border-bottom:1px solid #ccc;display:flex;flex-direction:column;font-family:Orelega One,cursive;justify-content:space-between;margin-bottom:1px;margin-top:10px;padding:10px}.teacherannouncement-author{color:#000;font-size:1.2rem;margin-top:-5px}.teacherannouncement-date{color:#a9a9a9;font-size:.9rem;margin-bottom:20px}.teacherannouncement-text{color:#000;flex-grow:1;font-size:1rem;margin-bottom:12px}.teacherannouncement-message:last-child{margin-bottom:12px}.button-container{justify-content:space-between;margin-top:10px;width:100%}.button-container,.post{align-items:center;display:flex}.post{background:#90ee90;border-color:green;border-radius:20px;border-style:solid;color:#000;cursor:pointer;font-family:Orelega One,cursive;font-size:20px;font-weight:700;height:59px;justify-content:center;margin-right:5px;margin-top:5px;transition:background .3s ease;width:60%}.post:hover{background:#2bb22b}.delete-all{align-items:center;background-color:#dc3545;border-color:#9b1515;border-radius:20px;border-style:solid;color:#000;cursor:pointer;display:flex;font-family:Orelega One,cursive;font-size:18px;font-weight:600;height:59px;justify-content:center;transition:background .3s ease;width:40%}.delete-all:hover{background-color:#c12c2c}.latest-message{animation:highlightPulse 2s ease-in-out;background:linear-gradient(135deg,#e0f7fa,#b2ebf2);border:2px solid #0288d1;border-radius:10px;box-shadow:0 4px 10px #0088d133;padding:10px}@keyframes highlightPulse{0%{box-shadow:0 4px 10px #0088d133;transform:scale(1)}50%{box-shadow:0 6px 15px #0088d166;transform:scale(1.02)}to{box-shadow:0 4px 10px #0088d133;transform:scale(1)}}.textarea-teacher-edit{background-color:#d3d3d3;border:3px solid #015770;border-radius:10px;box-shadow:0 4px 10px #015770cc;font-family:Orelega One,cursive;font-size:1rem;height:100px;line-height:1.5;overflow-y:auto;padding:10px;resize:none;width:100%}.textarea-teacher-edit:focus{border-color:#0288d1;box-shadow:0 4px 10px #0288d166;outline:none}.button-group{display:flex;gap:10px;margin-top:10px}.delete-button,.edit-button{background-color:#008184;border:none;border-radius:5px;color:#fff;cursor:pointer;font-family:Orelega One,cursive;padding:5px 10px;transition:background-color .3s ease}.delete-button:hover,.edit-button:hover{background-color:#009ca4}.cancel-button,.save-button{background-color:#008184;border:none;border-radius:5px;color:#fff;cursor:pointer;font-family:Orelega One,cursive;padding:5px 10px;transition:background-color .3s ease}.cancel-button:hover,.save-button:hover{background-color:#009ca4}.toast-notification{animation:fadeInOut 2s ease-in-out;background-color:#dc3545;border-radius:8px;box-shadow:0 4px 10px #0003;color:#fff;font-family:Orelega One,cursive;font-size:14px;font-weight:700;left:50%;opacity:0;padding:8px 16px;position:absolute;top:30px;transform:translateX(-50%);white-space:nowrap}@keyframes fadeInOut{0%{opacity:0;transform:translateX(-50%) translateY(-10px)}20%{opacity:1;transform:translateX(-50%) translateY(0)}80%{opacity:1}to{opacity:0;transform:translateX(-50%) translateY(-10px)}}.teacherannouncements-writing-box,.teacherunitlist-container{align-items:center;display:flex;flex-direction:column;position:relative}.teacherunitlist-container{background-color:#00d5d7;border:5px solid #fff;border-radius:10px;box-shadow:0 4px 10px #015770cc;margin:0 auto;max-height:497px;max-width:800px;min-height:497px;overflow-x:hidden;overflow-y:auto;padding:10px;top:20px;transform:translateX(-23%);width:60%}.teacherunitlist-container:before{background-image:url(/static/media/teacherannouncementsbg.63395f0cc5daf84abfe4.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:25px;bottom:0;content:"";left:-30px;opacity:.6;position:absolute;right:-30px;top:0;z-index:-1}.teacherunitlist-header h1{background-color:#fff;border:3px solid #015770;border-radius:15px;color:#000;font-family:Orelega One,cursive;font-size:1.5rem;margin-bottom:5px;padding:10px;text-align:center}.teacherunitlist-header{align-items:center;display:flex;justify-content:space-between;padding:10px}.teacherunitlist-content{width:100%}.teacherunit-item{background-color:#e7f7f9;border:2px solid #015770;border-radius:5px;margin-bottom:10px;padding:10px}.teachercurrent-lesson,.teachercurrent-unit{background-color:#e5ffb5!important}.teachercurrent-lesson{border:2px solid #237b31;border-radius:5px;padding:10px}.teacherunit-title{align-items:center;cursor:pointer;display:flex;font-family:Orelega One,cursive;font-size:1.3rem;justify-content:space-between;letter-spacing:1px}.teacherunit-number{color:#000;font-size:1.2rem;font-weight:700;margin-right:10px}.teacherunit-text{color:#000;flex-grow:1;font-size:1.3rem;font-weight:700;letter-spacing:1.5px;margin-left:10px}.teachertriangle{color:#000;font-family:Orelega One,cursive;font-size:2.5rem;margin-left:10px}.teacherunit-details{background-color:#fff;border:2px solid #015770;border-radius:5px;margin-top:10px;padding:10px}.teacherunit-details ul{display:block;list-style:decimal;margin-left:20px}.teacherunit-details li{color:#333;display:block;font-family:Orelega One,cursive;font-size:1.1rem;justify-content:space-between;letter-spacing:1px;margin-bottom:5px;margin-left:20px}.teachercompleted-lesson .due-date{text-decoration:line-through;text-decoration-color:darkred;text-decoration-thickness:1px}.teacherdue-date{color:#000;font-size:.9rem;font-style:italic;margin-left:10px}.table,.teacherdue-date{font-family:Orelega One,cursive}.table{border-collapse:collapse;height:100%;width:100%}.table th{border-bottom:2px solid #009578;border-top:2px solid #009578;text-align:left}.search-input,.table td{font-size:1em;padding:.6em 1em}.search-input{border:none;display:flex;font-family:Orelega One,cursive;outline:none;width:100%}.table-search-container{display:flex;margin-top:10px;padding:10px;width:100%}.unit-student-progress-button{align-items:center;background:#90ee90;border-color:green;border-radius:30px;border-style:solid;color:#000;cursor:pointer;display:flex;font-family:Orelega One,cursive;font-size:30px;font-weight:700;height:59px;justify-content:center;margin-bottom:5px;margin-top:0;width:60%}.edit-icon{color:blue;cursor:pointer;margin-left:10px}input[type=date],select{font-size:1rem;margin-left:10px;padding:5px}button{background-color:#4caf50;border:none;color:#fff;margin-left:10px;padding:5px 10px}button:hover{background-color:#45a049}.modal-overlay{background-color:#0009;position:absolute;z-index:1000}.modal-content{border-radius:8px;box-shadow:0 4px 10px #0000004d;position:relative}.modal-content h2{color:#333;font-family:Orelega One,cursive;margin-bottom:10px;text-decoration:underline;word-spacing:5px}.modal-content h3{color:#0b4445;font-family:Orelega One,cursive;font-size:1.2rem;margin-bottom:20px;word-spacing:1px}.modal-content label{display:block;font-family:Orelega One,cursive;font-size:1rem;margin-bottom:15px;text-align:left}.modal-content input[type=date],.modal-content input[type=number],.modal-content input[type=text],.modal-content select{border:2px solid #015770;border-radius:5px;box-sizing:border-box;font-size:1rem;margin-left:2px;margin-top:5px;padding:10px;width:100%}.modal-content input[type=date]:focus,.modal-content input[type=number]:focus,.modal-content input[type=text]:focus,.modal-content select:focus{border-color:#00d5d7;box-shadow:0 0 5px #00d5d780;outline:none}.modal-actions{display:flex;justify-content:space-between;margin-top:20px}.modal-actions button{border:none;border-radius:5px;cursor:pointer;font-size:1rem;padding:10px 20px}.modal-actions button:first-child{background-color:#4caf50;color:#fff}.modal-actions button:last-child{background-color:#d9534f;color:#fff}.modal-actions button:hover{opacity:.9}.teacherdue-date.completed{opacity:.9;text-decoration:line-through;text-decoration-color:#a5a5a5;text-decoration-thickness:1px}.teacherin-progress-lesson{background-color:#e5ffb5;border-left:5px solid #bff855}@keyframes shake{0%{transform:translateX(0)}25%{transform:translateX(-5px)}50%{transform:translateX(5px)}75%{transform:translateX(-5px)}to{transform:translateX(0)}}.shake{animation:shake .6s ease-in-out;border:2px solid red!important}.manageUsersButton{background-color:#000;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:10px 15px;transition:background .3s ease}.manageUsersButton:hover{background-color:#ff4c4c}.modal-overlay{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%}.modal-content{background:#fff;border-radius:10px;padding:20px;text-align:center;width:400px}.user-list-container{margin-bottom:10px;max-height:300px;overflow-y:auto}.user-item{align-items:center;background:#f3f3f3;border-radius:5px;display:flex;justify-content:space-between;margin:5px 0;padding:10px;transition:background-color .3s ease,transform .2s ease}.user-item:hover{background-color:#e0e0e0;transform:scale(1)}.user-id{font-size:16px;font-weight:700}.teacher-delete-icon{color:red;cursor:pointer;font-size:20px;transition:transform .2s ease,color .2s ease}.teacher-delete-icon:hover{color:darkred;transform:scale(1.3)}.delete-all-users{background-color:#ff3b3b;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;margin-top:10px;padding:10px;transition:background .3s ease;width:100%}.delete-all-users:hover{background-color:#c00}.student-progress-wrapper{display:block;height:225px;justify-content:space-evenly;margin:auto;padding:12px;width:100%}.student-progress-started{align-items:center}.student-progress-not-started,.student-progress-started{display:flex;justify-content:flex-start;margin:auto;padding:12px}.student-progress-not-started{align-items:left}.student-progress-finished{align-items:right;display:flex;justify-content:flex-start;margin:auto;padding:12px}.student-progress-button{align-items:center;background:#90ee90;border-color:green;border-radius:30px;border-style:solid;cursor:pointer;display:flex;height:59px;justify-content:center;margin-top:5px;transition:background .3s ease;width:100%}.student-progress-button:hover{background:#2bb22b}.student-progress-button p{color:#000;font-family:Orelega One,cursive;font-size:1.5rem;font-weight:400}.TeacherDashboard{background-image:url(/static/media/teacherdashboardbg.7433381d88ae017661bf.png);background-position:50%;background-repeat:no-repeat;background-size:cover;min-height:100vh;overflow-x:hidden;width:100vw}.TeacherDashboard,.side-column{display:flex;flex-direction:column}.side-column{align-items:center;flex-shrink:0;height:auto;justify-content:flex-start;max-width:360px;min-width:280px;width:28%}.Question{background-image:url(/static/media/ChemClick_Background_Faded.b9d96dd7b480cb63953c.jpg);flex-direction:column;min-height:100vh;overflow-x:hidden;position:relative;width:100vw}.Question,.question-head-in{background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex}.question-head-in{align-items:center;background-color:#00d5d7;background-image:url(/static/media/RainbowBackground.dbc06ef03f5cb8d05ce3.png);border:5px solid #fff;border-radius:15px;box-shadow:0 4px 10px #01577080;height:10vh;justify-content:flex-start;margin:0 auto;padding:10px;width:90vw}.question-page-main{display:flex;height:87vh;padding:1%;width:93vw}.insideheader{align-items:center;background-color:#fff;display:flex;justify-content:center}.insideheader h1{background-color:#fff;border:5px solid #015770;border-radius:20px;box-shadow:0 4px 6px #0000001a;font-family:Orelega One,sans-serif;font-size:2rem;font-weight:400;left:11.5%;letter-spacing:1.5px;padding:4px 8px;position:absolute}.ChemClickLogoHeader{left:6.75%;position:absolute;width:55px}.homelines{cursor:pointer;position:absolute;right:7%;width:50px}.questionbox{align-items:center;background-color:#00d5d7;background-image:url(/static/media/RainbowBackground.dbc06ef03f5cb8d05ce3.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border:5px solid #fff;border-radius:15px;box-shadow:0 4px 10px #01577080;height:535px;justify-content:flex-start;left:calc(50vw - 703px);margin:0 auto;padding:10px;position:absolute;top:130px;width:1000px}.element{height:auto;left:40%;position:absolute;top:38.5%;width:200px}.questionboxtitle{align-items:center;background-color:#fff;border:5px solid #015770;border-radius:5px;display:flex;height:100px;justify-content:center;margin-left:11px;width:950px}.questionboxtitle h1{font-family:Orelega One,sans-serif;font-size:2.25rem;font-weight:400;position:absolute;text-align:center}.questionboxquestion{align-items:center;background-color:#fff;border:5px solid #015770;border-radius:5px;display:flex;height:390px;justify-content:center;margin-left:11px;margin-top:10px;width:950px}.questionboxquestion:before{top:185px}.questionboxquestion:after,.questionboxquestion:before{background-color:#015770;content:"";height:5px;position:absolute;width:95%}.questionboxquestion:after{top:440px}.questionboxquestion h1{top:26%}.questionboxanswer h1,.questionboxquestion h1{font-family:Orelega One,sans-serif;font-size:2.25rem;font-weight:400;position:absolute;text-align:center}.questionboxanswer h1{left:4.5%;top:87%}.elemententered{background-color:#e7eae2;border:2px solid #015770;border-radius:15px;font-family:Orelega One,sans-serif;font-size:1.5rem;height:40px;margin-left:555px;margin-top:320px;padding:10px;width:37%}.side-column-box{background-color:#00d5d7;background-image:url(/static/media/RainbowBackground.dbc06ef03f5cb8d05ce3.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border:5px solid #fff;border-radius:15px;box-shadow:0 4px 10px #01577080;justify-content:flex-start;margin-bottom:15px;max-width:450px;padding:3%;width:30vw}.side-column-box,.side-column-box-holder{align-items:center;display:flex;flex-direction:column}.side-column-box-holder{gap:1.5rem;justify-content:space-between;width:33vw}.side-column-box-title{font-size:clamp(1rem,1.3vw,2rem);margin:5%;max-width:250px;width:80%}.side-column-box-info,.side-column-box-title{align-items:center;background-color:#fff;border:5px solid #015770;border-radius:5px;display:flex;font-family:Orelega One,sans-serif;font-weight:400;justify-content:center;padding:2%}.side-column-box-info{font-size:1.3vw;max-width:350px;width:90%}.masterybox{margin:0 0 clamp(1rem,.8vw,2.5rem);padding:3%;position:relative}.masteryboxstars{display:flex;font-size:2rem;font-weight:700;gap:.5rem;justify-content:center}.filled-star{color:gold}.empty-star,.filled-star{text-shadow:.5px .5px 1px #000,-.5px -.5px 1px #000}.empty-star{color:#d3d3d3}.reward-box-left,.reward-box-right{color:gold;cursor:pointer;font-size:clamp(2rem,3vw,3.5rem);margin:0;position:absolute}.reward-box-left{left:80%;top:calc(-15% + 1rem)}.reward-box-right{right:80%;top:calc(-15% + 1rem)}.reward-box:hover:after{background-color:#000;border-radius:5px;box-shadow:0 4px 6px #0003;color:#fff;font-size:.8rem;left:50%;padding:.5rem;position:absolute;top:120%;transform:translateX(-50%);white-space:nowrap;z-index:10}.goalboxtitle{align-items:center;background-color:#fff;border:5px solid #015770;border-radius:5px;display:flex;height:60px;justify-content:center;margin-left:100px;width:150px}.goalboxtitle h1{font-family:Orelega One,sans-serif;font-size:2.25rem;font-weight:400;position:absolute;text-align:center}.checked-box,.unchecked-box{color:#d3d3d3;font-size:clamp(1.5rem,1.5vw,3rem);text-shadow:.5px .5px 1px #000,-.5px -.5px 1px #000}.checked-box{color:green}.progressbox{align-items:center;display:flex;flex-direction:column;gap:1vh;width:100%}.progressbar{background-color:#d3d3d3;border-radius:1em;box-shadow:0 4px 6px #0000001a;height:2vh;margin-top:1vh;overflow:hidden;position:relative;width:80%}.progressbar:before{background-color:#0c4;border-radius:1em 0 0 1em;content:"";display:block;height:100%;transition:width .4s ease-in-out;width:0;width:calc(var(--progress, 0)*1%)}.progress-text{color:#000;font-size:1.2rem;margin-top:5px;text-align:center}.progress-text,.submitbutton{font-family:Orelega One,sans-serif}.submitbutton{background-color:#e3f0cc;border:5px solid #237b31;border-radius:15px;box-shadow:0 4px 10px #01577080;font-size:2rem;font-weight:400;height:65px;left:355px;position:absolute;top:540px;width:300px}.submitbutton:active{background-color:#98c844;cursor:pointer}.next-lesson-button{background-color:#f6fff6;border:5px solid #006400;border-radius:8px;color:#006400;cursor:pointer;font-size:20px;padding:20px 40px;transition:all .3s ease}.next-lesson-button:hover{background-color:#006400;color:#fff}.next-lesson-button.locked{background-color:#f5f5f5;border-color:#aaa;color:#999;cursor:not-allowed;pointer-events:none}.ConfirmEmail{background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden;width:100vw}.Email,.VerificationCode{color:#000;font-family:Orelega One,cursive;font-size:2rem;font-weight:700;margin-left:30px;max-width:400px;text-align:center;width:100%}body,html{background-image:url(/static/media/ChemClick_Background.b1c62dee8a8fe9e5999f.jpg)}.NewPassword{background-repeat:no-repeat;min-height:100vh;overflow-x:hidden;width:100vw}.NewPassword,.container{background-position:50%;background-size:cover;display:flex;flex-direction:column}.container{background-image:url(/static/media/loginbg.4472730ca6488f84c641.png);border:6px solid #003f52;border-radius:30px;height:auto;justify-content:center;margin:150px auto auto;max-width:800px;min-height:600px;padding:40px;width:auto}.header{align-items:center;display:flex;flex-direction:column;gap:9px;margin-top:30px;width:100%}.profile-logo{height:auto;margin-right:10px;width:200px}.inputs{flex-direction:column;gap:25px;margin-top:45px}.input,.inputs{display:flex;justify-content:center}.input{align-items:center;background:#eaeaea;border:4px solid #015770;border-radius:40px;height:80px;margin:auto;width:480px}.input input{background:#0000;border:none;color:#000;font-size:1.8rem;height:50px;margin-left:40px;outline:none;text-align:left;width:100%}.input-box{align-items:center;background:#fff;border:4px solid #015770;border-radius:10px;box-shadow:0 4px 8px #0000001a;display:flex;flex-direction:column;justify-content:center;margin-top:30px;padding:30px;width:100%}.ConfirmPasswordLabel,.NewPasswordLabel{color:#000;font-family:Orelega One,cursive;font-size:2rem;font-weight:700;margin-left:30px;max-width:400px;text-align:center;width:100%}.submit{align-items:center;background:#2c2c2c;border-radius:30px;color:#fff;cursor:pointer;display:flex;font-family:Orelega One,cursive;font-size:28px;font-weight:700;height:59px;justify-content:center;margin-top:30px;width:250px}.submit:hover{background-color:#1f1f1f}.error-message,.success-message{color:red;font-size:1.2rem;font-weight:700;margin-top:20px;text-align:center}.success-message{color:green}.statistics-container{align-items:Left;background-color:#00d5d790;border:5px solid #fff;border-radius:10px;box-shadow:0 4px 10px #015770cc;display:flex;flex-direction:column;margin:0 auto;max-height:500px;max-width:800px;min-height:497px;overflow-x:hidden;overflow-y:auto;padding:10px;top:20px;transform:translateX(-24%);width:100%}.student-stats-table-body{background:linear-gradient(90deg,#2ba59f,#5f2c82);font-family:Orelega One,cursive;font-weight:400;margin:0}.search-input input{border:1px solid #ccc;border-radius:4px;font-size:16px;padding:10px;width:100%}.student-stats-title{background-color:#fff;border:5px solid #015770;border-radius:10px;box-shadow:0 8px 15px #015770cc;color:#000;font-family:Orelega One,cursive;font-size:2rem;font-weight:400;margin-bottom:10px;padding:5px 10px;text-align:center;z-index:1}.student-stats-table{border-collapse:collapse;box-shadow:0 0 20px #0000001a;overflow:hidden;width:100%}.table-data,.table-header{background-color:#fff3;color:#fff;padding:15px}.table-header{text-align:left}.student-stats-table-head{.table-header{background-color:#55608f;font-family:Orelega One,cursive;font-weight:400}}.sortable{cursor:pointer}.sortable:hover{background-color:#6b76a6}.student-stats-table-body{.table-row{&:hover{background-color:#ffffff4d}}.table-data{position:relative;&:hover{&:before{background-color:#fff3;bottom:-9999px;content:"";left:0;position:absolute;right:0;top:-9999px;z-index:-1}}}}.statistics-page-reset-button{align-self:center;background-color:#dc3545;border-color:#9b1515;border-radius:15px;color:#000;cursor:pointer;display:flex;font-family:Orelega One,cursive;font-size:1rem;font-weight:400;justify-content:center;justify-self:center;margin:10px;padding:15px;transition:background .3s ease;z-index:3}.statistics-page-reset-button:hover{background:#e26f6f}.pie-container{align-items:center;background-color:#00d5d7;border:5px solid #fff;border-radius:15px;box-shadow:0 4px 10px #015770cc;display:flex;flex-direction:column;height:500px;padding:25px;position:fixed;right:calc(50vw - 600px);top:150px;width:350px;z-index:10}.pie-container:before{background-image:url(/static/media/clickbg.340458cf1a07fc463e12.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:10px;bottom:0;content:"";left:0;opacity:.6;position:absolute;right:0;top:0;z-index:0}.pie-title{border:5px solid #015770;color:#000;font-family:Orelega One,cursive;font-size:2rem;font-weight:400;margin-bottom:20px;padding:10px 20px;text-align:center}.pie,.pie-title{background-color:#fff;border-radius:10px;box-shadow:0 8px 15px #015770cc;z-index:1}.pie{align-items:center;border:5px solid #015770;height:100%;justify-content:center;object-fit:contain;padding-right:20px;position:relative;width:100%}.Statistics{background-image:url(/static/media/teacherdashboardbg.7433381d88ae017661bf.png);background-position:50%;flex-direction:column;min-height:100vh;overflow-x:hidden;width:100vw}.Statistics,.main-header{background-repeat:no-repeat;background-size:cover;display:flex}.main-header{align-items:center;justify-content:center;padding:20px;width:100%}.inner-container{align-items:center;background-color:#00d5d7;border:5px solid #fff;border-radius:25px;display:flex;justify-content:space-between;max-width:1200px;overflow:hidden;padding:10px;position:relative;width:100%;z-index:20}.inner-container:before{background-image:url(/static/media/teacherheadertopbg.b9a634e96998276da2c3.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:25px;bottom:0;content:"";left:0;opacity:.6;position:absolute;right:0;top:0;z-index:1}.inner-container>*{position:relative;z-index:2}.profile-picture{align-items:center;background-color:#fefefe;border:5px solid #015770;border-radius:50%;display:flex;height:80px;justify-content:center;left:400px;overflow:hidden;position:absolute;top:50%;transform:translateY(-50%);width:80px;z-index:2}.profile-pic{height:60%;object-fit:contain;width:60%}.logo-container{align-items:center;background-color:#fff;border:5px solid #015770;border-radius:25px;box-shadow:0 8px 15px #015770cc;display:flex;padding:10px 20px;position:relative}.logo{height:50px;margin-right:10px;width:50px}.dashboard-title{color:#000;font-family:Orelega One,cursive;font-size:1.8rem;font-weight:700;margin-right:70px}.profile-menu{align-items:center;display:flex}.menu-icon{color:#333;font-size:2rem}.menu-bar{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAgAAAAIACAYAAAD0eNT6AAAACXBIWXMAAA7DAAAOwwHHb6hkAAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAADSxJREFUeJzt3V2MXOdZwPHnPTMO2ElKRBQHlYiPVI1IKahqMKhNUyLFSXHiBlnOtAiEEB9BVXOJBKFFaMUF4qIEbppIVSuhqlg0U1PXrr2t7UIcAr4wiVo1pBCcKEpVoRqcNLG7G3/MvlzlCjTnzO6cqe3n97v188773M1/z+x4IwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAALiklVkPjEajwZnVesdaqT8fa7G1NmXYx2IAwP9Vaq1R4lTUOHlmc3P0+Hi8uq7X6To4Go2ueu2NtYeilocjYut6LgMA5molajy6Ka7684MH97w6y8FOAXDPrl1b4/zw76PU29e3HwDQm1pfWqvN/UcPjb/Z9UhrALxnNNp8zWocK1G3bWw7AKBHpweTwS8tL3/+hS7DTdvAtSv1E978AeCSd/1kMPlsdHy6P3Vo+327b26a8u9RY9NcVgMAelVr+dUjB8f72+amPgFoSvmwN38AuHyUsvbrXebaPgK4Yw67AAALU365y1RLAJS3zmMVAGBhtt522++3Pr1vCYC6ZV7bAAAL0Wzd+v3NrUOL2AQAuLQIAABISAAAQEICAAASEgAAkJAAAICEBAAAJDTs+4LffeijMWgGfV8DAFeEL+zZE6+cPt37Pb0HwG3btsVg2Ps1AHBFOLhvX8QCAsBHAACQkAAAgIQEAAAkJAAAICEBAAAJCQAASEgAAEBCAgAAEhIAAJCQAACAhAQAACQkAAAgIQEAAAkJAABISAAAQEICAAASEgAAkJAAAICEBAAAJCQAACAhAQAACQkAAEhIAABAQgIAABISAACQkAAAgIQEAAAkJAAAICEBAAAJCQAASEgAAEBCAgAAEhIAAJCQAACAhAQAACQkAAAgIQEAAAkJAABISAAAQEICAAASEgAAkJAAAICEBAAAJCQAACAhAQAACQkAAEhIAABAQgIAABISAACQkAAAgIQEAAAkJAAAICEBAAAJCQAASEgAAEBCAgAAEhIAAJCQAACAhAQAACQkAAAgIQEAAAkJAABISAAAQEICAAASEgAAkNCw7ws+/clHozSl72sA4IrwyunTC7mn9wB45sSJvq8AAGbkIwAASEgAAEBCAgAAEhIAAJCQAACAhAQAACQkAADgCrNp05naNjM9AEq8MrdtAIBFOL9///6zbUPTA6DWl+a1DQDQvxL1pYjY2BOAWpqvzGshAKB/tZRDXeamBsDmcm5vRJyay0YAQN8mJeqnuwxODYD9+/efiVI+Np+dAIA+1aiPffXA3n/rMtv6LYDDB8afiVIf2/haAECP/um6zc0fdB0edBl64flvHXrbLe+4GCXu6HoGAFiYz57ZXH7tq+Pxua4Hyiyvfte9H76laSYPl4j7I+L6mdcDAOZlJWocWWvKJ44eGD816+GZAuBNo9Fo8Oob8ePNWr2pRN2yntcAAGZXaz1fm/Jfw8nKy8vLy51/4gcAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAPjBKOs5tGPH6IZJmdxaS3PjvBcCAKZror46aZrnjx4Yv7ze15gpAD5w3+7ta6V8vETcERGD9V4KAMxD+UaJ+sh7fuGdn1taWlqb6WSXodFodNVrq/WxiPidde0HAPSnlCcHF+OB5eXxf3c90rQNLC0tNa+v1nF48weAS1Ot758M1o5t3z76ka5HWgPgX/712T+qEfdvbDMAoF/l1vJD9VOdp6f9444doxsmg/pCRFy74b0AgN41Ud77lS+Pj7fPTXFxsPah8OYPAJeNtai/3WVuagCUaLbPZx0AYBFqxD1d5tp+B+An5rALALAgJeKm0WjU+lX9lgCoHv8DwOVlcPbsVVe3DbV+CwAAuPIIAABISAAAQEICAAASEgAAkJAAAICEBAAAJDTs+4K77703moHOAIAu/vnYsTj7+pne7+k9AHZ9aBSDYe/XAMAV4dmvf2MhAeBHcwBISAAAQEICAAASEgAAkJAAAICEBAAAJCQAACAhAQAACQkAAEhIAABAQgIAABISAACQkAAAgIQEAAAkJAAAICEBAAAJCQAASEgAAEBCAgAAEhIAAJCQAACAhAQAACQkAAAgIQEAAAkJAABISAAAQEICAAASEgAAkJAAAICEBAAAJCQAACAhAQAACQkAAEhIAABAQgIAABISAACQkAAAgIQEAAAkJAAAICEBAAAJCQAASEgAAEBCAgAAEhIAAJCQAACAhAQAACQkAAAgIQEAAAkJAABISAAAQEICAAASEgAAkJAAAICEBAAAJCQAACAhAQAACQkAAEhIAABAQgIAABISAACQkAAAgIQEAAAkJAAAICEBAAAJCQAASGjY9wVffHwczUBnAEAXr732vYXc03sAHDl0qO8rAIAZ+dEcABISAACQkAAAgIQEAAAkJAAAICEBAAAJCQAASKglAMrKYtYAAOZkcs01599oG2oJgPrivLYBABag1m+Px+PzbWNTA6BG/dr8NgIAelfKkS5jUwNgOGkej4izc1kIAOhfjb/pMjaY9o8nTz63cvPb31FKibvmshQA0KP6+cMH9/5Vl8nWbwHcvu2dfxFR9m18KQCgP/Vb54eTj3SdnvoEICLiiSeeqLe87Sf31eaqGyPitg3tBgDMXylPTppNO//xS1843fnILK9/984H7iqlfDxqfX90iAcAoFdfr7X+5e3bfm7P0tLS2iwHZwqAN921a9f1g3PlZ6MZbK21rus1AID1aaK+Woeb/uPwl/7u2z/oXQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAKYr6zl05513Dn/4uh+7ae3CxbeWqFvmvRQA8P+rtZ5vhoPvlgtnX1peXj633teZKQDu+eDun4koD0eND0bEj673UgBgw1ZLxJG1Uh45cmB8bNbDXQOg3LPzgT+NiD+JiOGslwAAvfrbM5vLg8fH49WuBzoFwN07H3isRHxk/XsBAH0qEU81k+9v7/qxQNM28IGdux/05g8Al7Ya8b5Jc/UjXeenPgHYseM33jIZnDsZETdseDMAoG+TqJN3HT74xWfbBqc+AVgbnNsd3vwB4HIxiDJ4sMvg9ACo8Svz2QcAWJAdXYam/w5AKT89l1UAgMUo8VNLS0utv+M3daBEvW5+GwEAvaux6Zlnnrm6bay1EACAy8uFC9e2fs1fAABAQgIAABISAACQkAAAgIQEAAAkJAAAIKHe/7Tvu7dti9J0/avDAJDbc998NlZXVnq/p/cA+L2HPhqDYe/XAMAV4c/++GPxnQUEgI8AACAhAQAACQkAAEhIAABAQgIAABISAACQkAAAgIQEAAAkJAAAICEBAAAJCQAASEgAAEBCAgAAEhIAAJCQAACAhAQAACQkAAAgIQEAAAkJAABISAAAQEICAAASEgAAkJAAAICEBAAAJCQAACAhAQAACQkAAEhIAABAQgIAABISAACQkAAAgIQEAAAkJAAAICEBAAAJCQAASEgAAEBCAgAAEhIAAJCQAACAhAQAACQkAAAgIQEAAAkJAABISAAAQEICAAASEgAAkJAAAICEBAAAJCQAACAhAQAACQkAAEhIAABAQgIAABISAACQkAAAgIQEAAAkJAAAICEBAAAJCQAASEgAAEBCAgAAEhIAAJCQAACAhAQAACQkAAAgoWHfFzx94kQMmkHf1wDAFWF1ZWUh9/QeAJ/55KN9XwEAzMhHAACQkAAAgIQEAAAkJAAAICEBAAAJCQAASEgAAEBCLQFQFvO/EQAA87J26tTVq21DbU8AvjOnZQCAxTj19NOfutA2NDUASq1Pzm8fAGABnugyNDUAalMejxKtFQEAXCrqni5TU/9KzwvPP/e9m2+5dWuJ8ovzWQoA6EuJeOrwl/c+3GW29VsAZzc3f1ijnNj4WgBAj05Pav2trsOtAXB8PF4dTuK+EvHUxvYCAHryYtTJnUcP7n2x64GpHwG86eTJ51auu/Z9n9vylpX/iSjvjohr1r0iADAvZ0vEX58fXvzNrx3Y9/IsB8usN41Go8HrK/W9NeJdEfXG2pThrK8BAKxPqbWWWr4bUf7z9S3xD8fH49bv/AMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHAZ+l+IdOI9Me17zgAAAABJRU5ErkJggg==);background-repeat:no-repeat;background-size:contain;cursor:pointer;display:inline-block;height:80px;margin-left:auto;width:80px}.statisticsindividual-container{align-items:flex-start;background-color:#00d5d7;border:5px solid #fff;border-radius:10px;box-shadow:0 4px 10px #015770cc;margin:0 auto;max-height:1000px;max-width:1200px;min-height:620px;overflow-x:hidden;overflow-y:auto;position:relative;top:20px}.statistics-lessons-list,.statisticsindividual-container{display:flex;flex-direction:column;padding:10px;width:100%}.statistics-lessons-list{box-sizing:border-box}.statistics-lessons-list .lesson div span{font-size:24px}.statistics-lessons-list .lesson .student-info{font-size:16px}.search-container{margin-bottom:2px;text-align:left;width:100%}.statistics-individual-search-input{border:1px solid #ccc;border-radius:5px;box-sizing:border-box;font-size:16px;padding:10px;width:50%}.search-input:focus{border-color:#00d5d7;outline:none}.StatisticsIndividual{background-image:url(/static/media/teacherdashboardbg.7433381d88ae017661bf.png)}.StatisticsIndividual,.congrats-container{background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden;width:100vw}.congrats-container{align-items:center;background-image:url(/static/media/CCFadedCongrats.b9d96dd7b480cb63953c.jpg);justify-content:center}.congrats-center-container{align-items:center;background:linear-gradient(135deg,#fff,#e0f7fa);background-position:50%;background-repeat:no-repeat;background-size:cover;border:1vh solid #015770;border-radius:2vh;box-shadow:0 4px 10px #0003;color:#015770;display:flex;flex-direction:column;font-size:1.2rem;font-weight:700;height:70vh;justify-content:space-around;padding:2vh;transition:transform .3s ease;width:30vw}.ribbon-award{display:block;height:auto;margin:0 auto;max-width:100%;width:clamp(70px,11vw,130px)}.congrats-text,.congrats-title{font-family:Orelega One,cursive;text-align:center}.congrats-title{border-radius:5px;color:#015770;font-size:clamp(2rem,7.5vw,2.5rem);font-weight:700}.award-button{align-items:center;background:#2c2c2c;border-radius:30px;box-shadow:0 4px 15px #0000004d;color:#fff;cursor:pointer;display:flex;font-family:Orelega One,cursive;font-size:2vw;font-weight:700;height:10vh;justify-content:center;transition:background .3s ease,transform .3s ease;width:20vw}.award-button:hover{background:#4a4a4a;transform:scale(1.05)}.award-button:active{box-shadow:0 2px 10px #0003;transform:scale(.95)}.lesson-one-point-one-box-innercont{margin-right:5%;overflow-x:hidden}.lesson-one-point-one-ruler-container{margin:20px 0}.lesson-one-point-one-question{flex-direction:column}.lesson-one-point-one{background-image:url(/static/media/ChemClick_Background_Faded.b9d96dd7b480cb63953c.jpg);background-position:50%;background-size:cover;justify-content:center;min-height:100vh;overflow:hidden;width:100vw}.lesson-one-point-one,.lesson-one-point-one-box{align-items:center;display:flex;flex-direction:column}.lesson-one-point-one-box{height:66vh;width:66vw}.lesson-one-point-one-box-innercont{align-items:center;background-color:#00d5d7;background-image:url(/static/media/RainbowBackground.dbc06ef03f5cb8d05ce3.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border:5px solid #fff;border-radius:15px;box-shadow:0 4px 10px #01577080;display:flex;flex-direction:column;justify-content:flex-start;padding:10px;width:60vw}.lesson-one-point-one-box-title{background-color:#fff;border:5px solid #015770;border-radius:5px;margin-bottom:20px;padding:15px;text-align:center;width:100%}.lesson-one-point-one-content{align-items:center;background-color:#fff;border:5px solid #015770;border-radius:10px;display:flex;flex-direction:column;margin-bottom:20px;max-width:950px;padding:20px 20px 40px;width:100%}.lesson-one-point-one-ruler-container{border:2px solid #5f3838;display:flex;justify-content:center;max-width:800px;position:relative;width:100%}.lesson-one-point-one-ruler{left:85px;width:100%}.lesson-one-point-one-question{align-items:center;display:flex;gap:10px;justify-content:center;width:100%}.lesson-one-point-one-box-title h1,.lesson-one-point-one-question h1{font-family:Orelega One,sans-serif;font-size:1.3rem;font-weight:400;margin:0}.lesson-one-point-one-prompt{color:#0a0a0a;font-family:Orelega One,sans-serif;font-size:1.3rem;font-weight:400;line-height:1.5;margin-bottom:20px;max-width:800px;padding:0 20px;text-align:center}.lesson-one-point-one-input{background-color:#e7eae2;border:2px solid #015770;border-radius:15px;font-family:Orelega One,sans-serif;font-size:1.5rem;height:40px;padding:10px;text-align:center;width:37%}.lesson-one-point-one-feedback{border-radius:8px;font-family:Orelega One,sans-serif;font-size:1.25rem;font-weight:700;margin-top:5px;padding:8px 16px;text-align:center;transition:opacity .3s ease,transform .3s ease}.lesson-one-point-one-feedback.correct{background-color:#e0f8e0;border:2px solid #237b31;color:#237b31;opacity:1}.lesson-one-point-one-feedback.incorrect{background-color:#ffe6e6;border:2px solid #c94444;color:#662e2e;opacity:1}.lesson-one-point-one-feedback.hidden{opacity:0;transform:translateY(-10px)}.lesson-one-point-one-question{gap:8px}.lesson-one-point-one-next,.lesson-one-point-one-submit{background-color:#e3f0cc;border:5px solid #237b31;border-radius:10px;color:#000;cursor:pointer;font-family:Orelega One,sans-serif;font-size:1.25rem;margin-top:-15px;padding:10px 20px}.lesson-one-point-one-starting-measurement{cursor:pointer;height:25px;position:absolute;width:25px;z-index:4}.lesson-one-point-one-line{background-color:red;height:2px;left:95px;position:absolute;top:323px;transform:translateY(-50%);z-index:3}.lesson-one-point-one-slider{-webkit-appearance:none;appearance:none;background:#ddd;border-radius:5px;height:6px;margin-bottom:10px;outline:none;width:100%}.lesson-one-point-one-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#015770;border:none;cursor:pointer;height:20px;width:4px}.lesson-one-point-one-slider::-moz-range-thumb{background:#015770;border:none;cursor:pointer;height:20px;width:4px}.lesson-one-point-one-measurement-container{justify-content:center;max-width:800px;position:relative;width:100%}.lesson-one-point-two{background-image:url(/static/media/ChemClick_Background_Faded.b9d96dd7b480cb63953c.jpg);background-position:50%;background-size:cover;justify-content:center;min-height:100vh;overflow:hidden;width:100vw}.lesson-one-point-two,.lesson-one-point-two-box{align-items:center;display:flex;flex-direction:column}.lesson-one-point-two-box{height:66vh;width:66vw}.lesson-one-point-two-box-innercont{align-items:center;background-color:#00d5d7;background-image:url(/static/media/RainbowBackground.dbc06ef03f5cb8d05ce3.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border:5px solid #fff;border-radius:15px;box-shadow:0 4px 10px #01577080;display:flex;flex-direction:column;justify-content:flex-start;padding:10px;width:60vw}.lesson-one-point-two-box-title{background-color:#fff;border:5px solid #015770;border-radius:5px;margin-bottom:20px;padding:15px;text-align:center;width:100%}.lesson-one-point-two-content{align-items:center;background-color:#fff;border:5px solid #015770;border-radius:10px;display:flex;flex-direction:column;margin-bottom:20px;max-width:950px;padding:20px 20px 40px;width:100%}.lesson-one-point-two-ruler-container{border:2px solid #5f3838;display:flex;justify-content:center;margin:20px 0;max-width:800px;position:relative;width:100%}.lesson-one-point-two-ruler{left:85px;width:100%}.lesson-one-point-two-cursor{background-color:red;height:60px;position:absolute;top:0;width:3px}.lesson-one-point-two-question{align-items:center;display:flex;flex-direction:column;gap:10px;justify-content:center;width:100%}.lesson-one-point-two-box-title h1,.lesson-one-point-two-question h1{font-family:Orelega One,sans-serif;font-size:1.3rem;font-weight:400;margin:0}.lesson-one-point-two-prompt{color:#0a0a0a;font-family:Orelega One,sans-serif;font-size:1.3rem;font-weight:400;line-height:1.5;margin-bottom:20px;max-width:800px;padding:0 20px;text-align:center}.lesson-one-point-two-input{background-color:#e7eae2;border:2px solid #015770;border-radius:15px;font-family:Orelega One,sans-serif;font-size:1.5rem;height:40px;padding:10px;text-align:center;width:37%}.lesson-one-point-two-feedback{border-radius:8px;font-family:Orelega One,sans-serif;font-size:1.25rem;font-weight:700;margin-top:5px;padding:8px 16px;text-align:center;transition:opacity .3s ease,transform .3s ease}.lesson-one-point-two-feedback.correct{background-color:#e0f8e0;border:2px solid #237b31;color:#237b31;opacity:1}.lesson-one-point-two-feedback.incorrect{background-color:#ffe6e6;border:2px solid #c94444;color:#662e2e;opacity:1}.lesson-one-point-two-feedback.hidden{opacity:0;transform:translateY(-10px)}.lesson-one-point-two-question{gap:8px}.lesson-one-point-two-next,.lesson-one-point-two-submit{background-color:#e3f0cc;border:5px solid #237b31;border-radius:10px;color:#000;cursor:pointer;font-family:Orelega One,sans-serif;font-size:1.25rem;margin-top:-15px;padding:10px 20px}.completion-modal{align-items:center;background:#000000b3;display:flex;height:100vh;justify-content:center;left:50%;position:fixed;top:50%;transform:translate(-50%,-50%);width:100vw}.completion-modal-content{background:#fff;border-radius:10px;box-shadow:0 4px 10px #0000004d;padding:20px;text-align:center;width:400px}.completion-modal-content h2{font-size:24px;margin-bottom:10px}.completion-modal-content p{font-size:18px;margin-bottom:20px}.completion-modal-content button{background-color:#00d5d7;border:none;border-radius:5px;cursor:pointer;font-size:16px;padding:10px 20px}.completion-modal-content button:hover{background-color:#00b0b3}.lesson-one-point-three{background-image:url(/static/media/ChemClick_Background_Faded.b9d96dd7b480cb63953c.jpg);background-position:50%;background-size:cover;justify-content:center;min-height:100vh;overflow:hidden;width:100vw}.lesson-one-point-three,.lesson-one-point-three-box{align-items:center;display:flex;flex-direction:column}.lesson-one-point-three-box{height:66vh;width:66vw}.lesson-one-point-three-box-innercont{align-items:center;background-color:#00d5d7;background-image:url(/static/media/RainbowBackground.dbc06ef03f5cb8d05ce3.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border:5px solid #fff;border-radius:15px;box-shadow:0 4px 10px #01577080;display:flex;flex-direction:column;justify-content:flex-start;margin-right:5%;padding:10px;width:60vw}.lesson-one-point-three-box-title{background-color:#fff;border:5px solid #015770;border-radius:5px;margin-bottom:20px;padding:15px;text-align:center;width:100%}.lesson-one-point-three-box-title h1,.lesson-one-point-three-question h1{font-family:Orelega One,sans-serif;font-size:1.3rem;font-weight:400;margin:0}.lesson-one-point-three-content{align-items:center;background-color:#fff;border:3px solid #015770;border-radius:10px;display:flex;flex-direction:column;margin-bottom:20px;max-width:950px;padding:20px 20px 40px;width:100%}.lesson-one-point-three-content p{font-family:Orelega One,sans-serif;font-size:1.3rem;font-weight:400}.lesson-one-point-three-measurement-container{align-items:center;display:flex;flex-direction:column;padding-top:10vh}.lesson-one-point-three-pencil{height:auto;left:0;position:absolute;top:350px;transition:width .2s ease;z-index:15}.lesson-one-point-three-cursor{background-color:red;cursor:pointer;height:180px;position:absolute;top:350px;width:2px;z-index:10}.lesson-one-point-three-ruler-container{border:2px solid #5f3838;display:flex;justify-content:center;margin:20px 0;max-width:800px;position:relative;width:100%}.lesson-one-point-three-ruler{width:100%}.lesson-one-point-three-input{background-color:#e7eae2;border:2px solid #015770;border-radius:15px;font-family:Orelega One,sans-serif;font-size:1.5rem;height:40px;padding:10px;text-align:center;width:50%}.lesson-one-point-three-feedback{border-radius:8px;font-family:Orelega One,sans-serif;font-size:1.25rem;margin-top:5px;padding:8px 16px;text-align:center;transition:opacity .3s ease,transform .3s ease}.lesson-one-point-three-feedback.correct{background-color:#e0f8e0;border:2px solid #237b31;color:#237b31;opacity:1}.lesson-one-point-three-feedback.incorrect{background-color:#ffe6e6;border:2px solid #c94444;color:#662e2e;opacity:1}.lesson-one-point-three-feedback.hidden{opacity:0;transform:translateY(-10px)}.lesson-one-point-three-submit{background-color:#e3f0cc;border:5px solid #237b31;border-radius:10px;color:#000;cursor:pointer;font-family:Orelega One,sans-serif;font-size:1.25rem;margin-top:10px;padding:10px 20px}.lesson-one-point-three-submit:active{background-color:#98c844}.lesson-one-point-four{background-image:url(/static/media/ChemClick_Background_Faded.b9d96dd7b480cb63953c.jpg);background-position:50%;background-size:cover;justify-content:center;min-height:100vh;overflow:hidden;width:100vw}.lesson-one-point-four,.lesson-one-point-four-box{align-items:center;display:flex;flex-direction:column}.lesson-one-point-four-box{height:66vh;width:66vw}.lesson-one-point-four-box-innercont{align-items:center;background-color:#00d5d7;background-image:url(/static/media/RainbowBackground.dbc06ef03f5cb8d05ce3.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border:5px solid #fff;border-radius:15px;box-shadow:0 4px 10px #01577080;display:flex;flex-direction:column;justify-content:flex-start;margin-right:5%;padding:10px;width:60vw}.lesson-one-point-four-box-title{background-color:#fff;border:5px solid #015770;border-radius:5px;margin-bottom:20px;padding:15px;text-align:center;width:100%}.lesson-one-point-four-content{align-items:center;background-color:#fff;border:5px solid #015770;border-radius:10px;display:flex;flex-direction:column;margin-bottom:20px;max-width:950px;padding:20px 20px 40px;width:100%}.lesson-one-point-four-ruler-container{border:2px solid #5f3838;display:flex;justify-content:center;max-width:800px;position:relative;width:100%}.lesson-one-point-four-ruler{left:85px;width:100%}.lesson-one-point-four-question{align-items:center;display:flex;flex-direction:column;gap:10px;justify-content:center;width:100%}.lesson-one-point-four-box-title h1,.lesson-one-point-four-question h1{font-family:Orelega One,sans-serif;font-size:1.3rem;font-weight:400;margin:0}.lesson-one-point-four-prompt{color:#0a0a0a;font-family:Orelega One,sans-serif;font-size:1.3rem;font-weight:400;line-height:1.5;margin-bottom:20px;max-width:800px;padding:0 20px;text-align:center}.lesson-one-point-four-input{background-color:#e7eae2;border:2px solid #015770;border-radius:15px;font-family:Orelega One,sans-serif;font-size:1.5rem;height:40px;padding:10px;text-align:center;width:37%}.lesson-one-point-four-feedback{border-radius:8px;font-family:Orelega One,sans-serif;font-size:1.25rem;font-weight:700;margin-top:5px;padding:8px 16px;text-align:center;transition:opacity .3s ease,transform .3s ease}.lesson-one-point-four-feedback.correct{background-color:#e0f8e0;border:2px solid #237b31;color:#237b31;opacity:1}.lesson-one-point-four-feedback.incorrect{background-color:#ffe6e6;border:2px solid #c94444;color:#662e2e;opacity:1}.lesson-one-point-four-feedback.hidden{opacity:0;transform:translateY(-10px)}.lesson-one-point-four-question{gap:8px}.lesson-one-point-four-next,.lesson-one-point-four-submit{background-color:#e3f0cc;border:5px solid #237b31;border-radius:10px;color:#000;cursor:pointer;font-family:Orelega One,sans-serif;font-size:1.25rem;margin-top:-15px;padding:10px 20px}.lesson-one-point-two-next:active,.lesson-one-point-two-submit:active{background-color:#98c844}.lesson-one-point-four-starting-measurement{cursor:pointer;height:25px;position:absolute;width:25px;z-index:4}.lesson-one-point-four-line{background-color:red;height:2px;left:95px;position:absolute;top:323px;transform:translateY(-50%);z-index:3}.lesson-one-point-four-slider{-webkit-appearance:none;appearance:none;background:#ddd;border-radius:5px;height:6px;margin-bottom:10px;outline:none;width:100%}.lesson-one-point-four-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#015770;border:none;cursor:pointer;height:20px;width:4px}.lesson-one-point-four-slider::-moz-range-thumb{background:#015770;border:none;cursor:pointer;height:20px;width:4px}.lesson-one-point-four-measurement-container{display:flex;justify-content:center;max-width:800px;position:relative;width:100%}.slider-value-display{color:#015770;font-family:Orelega One,sans-serif;font-size:1.2rem;font-weight:700;padding:5px;position:absolute;top:-30px;transform:translateX(-50%)}.lesson-one-point-five{background-image:url(/static/media/ChemClick_Background_Faded.b9d96dd7b480cb63953c.jpg);background-position:50%;background-size:cover;justify-content:center;min-height:100vh;overflow:hidden;width:100vw}.lesson-one-point-five,.lesson-one-point-five-box{align-items:center;display:flex;flex-direction:column}.lesson-one-point-five-box{height:66vh;width:66vw}.lesson-one-point-five-box-innercont{align-items:center;background-color:#00d5d7;background-image:url(/static/media/RainbowBackground.dbc06ef03f5cb8d05ce3.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border:5px solid #fff;border-radius:15px;box-shadow:0 4px 10px #01577080;display:flex;flex-direction:column;justify-content:flex-start;margin-right:5%;padding:10px;width:60vw}.lesson-one-point-five-box-title{background-color:#fff;border:5px solid #015770;border-radius:5px;margin-bottom:20px;padding:15px;text-align:center;width:100%}.lesson-one-point-five-content{align-items:center;background-color:#fff;border:5px solid #015770;border-radius:10px;display:flex;flex-direction:column;margin-bottom:20px;max-width:950px;padding:20px 20px 40px;width:100%}.lesson-one-point-five-ruler-container{border:2px solid #5f3838;display:flex;justify-content:center;margin:20px 0;max-width:800px;position:relative;width:100%}.lesson-one-point-five-ruler-H{width:100%}.lesson-one-point-five-cursor{background-color:red;height:60px;position:absolute;top:0;width:3px}.lesson-one-point-five-question{align-items:center;display:flex;flex-direction:column;gap:10px;justify-content:center;width:100%}.lesson-one-point-five-box-title h1,.lesson-one-point-five-question h1{font-family:Orelega One,sans-serif;font-size:1.3rem;font-weight:400;margin:0}.lesson-one-point-five-prompt{color:#0a0a0a;font-family:Orelega One,sans-serif;font-size:1.3rem;font-weight:400;line-height:1.5;margin-bottom:20px;max-width:800px;padding:0 20px;text-align:center}.lesson-one-point-five-input{background-color:#e7eae2;border:2px solid #015770;border-radius:15px;font-family:Orelega One,sans-serif;font-size:1.5rem;height:40px;padding:10px;text-align:center;width:37%}.lesson-one-point-five-feedback{border-radius:8px;font-family:Orelega One,sans-serif;font-size:1.25rem;font-weight:700;margin-top:5px;padding:8px 16px;text-align:center;transition:opacity .3s ease,transform .3s ease}.lesson-one-point-five-feedback.correct{background-color:#e0f8e0;border:2px solid #237b31;color:#237b31;opacity:1}.lesson-one-point-five-feedback.incorrect{background-color:#ffe6e6;border:2px solid #c94444;color:#662e2e;opacity:1}.lesson-one-point-five-feedback.hidden{opacity:0;transform:translateY(-10px)}.lesson-one-point-five-question{gap:8px}.lesson-one-point-five-next,.lesson-one-point-five-submit{background-color:#e3f0cc;border:5px solid #237b31;border-radius:10px;color:#000;cursor:pointer;font-family:Orelega One,sans-serif;font-size:1.25rem;margin-top:-15px;padding:10px 20px}.lesson-one-point-five-next:active,.lesson-one-point-five-submit:active{background-color:#98c844}.lesson-one-point-six{background-image:url(/static/media/ChemClick_Background_Faded.b9d96dd7b480cb63953c.jpg);background-position:50%;background-size:cover;justify-content:center;min-height:100vh;overflow:hidden;width:100vw}.lesson-one-point-six,.lesson-one-point-six-box{align-items:center;display:flex;flex-direction:column}.lesson-one-point-six-box{height:66vh;width:66vw}.lesson-one-point-six-box-innercont{align-items:center;background-color:#00d5d7;background-image:url(/static/media/RainbowBackground.dbc06ef03f5cb8d05ce3.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border:5px solid #fff;border-radius:15px;box-shadow:0 4px 10px #01577080;display:flex;flex-direction:column;justify-content:flex-start;margin-right:5%;padding:10px;width:60vw}.lesson-one-point-six-box-title{background-color:#fff;border:5px solid #015770;border-radius:5px;margin-bottom:20px;padding:15px;text-align:center;width:100%}.lesson-one-point-six-box-title h1,.lesson-one-point-six-question h1{font-family:Orelega One,sans-serif;font-size:1.3rem;font-weight:400;margin:0}.lesson-one-point-six-content{align-items:center;background-color:#fff;border:3px solid #015770;border-radius:10px;color:#0a0a0a;display:flex;flex-direction:column;font-family:Orelega One,sans-serif;font-size:1.3rem;font-weight:400;margin-bottom:20px;max-width:950px;padding:20px 20px 40px;width:100%}.lesson-one-point-six-measurement-container{align-items:center;display:flex;flex-direction:column;padding-top:10vh}.lesson-one-point-six-pencil{height:auto;left:0;position:absolute;top:350px;transition:width .2s ease;z-index:15}.lesson-one-point-six-cursor{background-color:red;cursor:pointer;height:180px;position:absolute;top:350px;width:2px;z-index:10}.lesson-one-point-six-ruler-container{border:2px solid #5f3838;display:flex;justify-content:center;margin:20px 0;max-width:800px;position:relative;width:100%}.lesson-one-point-six-ruler{width:100%}.lesson-one-point-six-input{background-color:#e7eae2;border:2px solid #015770;border-radius:15px;font-family:Orelega One,sans-serif;font-size:1.5rem;height:40px;padding:10px;text-align:center;width:50%}.lesson-one-point-six-feedback{border-radius:8px;font-family:Orelega One,sans-serif;font-size:1.25rem;font-weight:700;margin-top:5px;padding:8px 16px;text-align:center;transition:opacity .3s ease,transform .3s ease}.lesson-one-point-six-feedback.correct{background-color:#e0f8e0;border:2px solid #237b31;color:#237b31;opacity:1}.lesson-one-point-six-feedback.incorrect{background-color:#ffe6e6;border:2px solid #c94444;color:#662e2e;opacity:1}.lesson-one-point-six-feedback.hidden{opacity:0;transform:translateY(-10px)}.lesson-one-point-six-submit{align-items:center;background-color:#e3f0cc;border:5px solid #237b31;border-radius:10px;color:#000;cursor:pointer;font-family:Orelega One,sans-serif;font-size:1.25rem;margin-top:10px;padding:10px 20px;text-align:center}.lesson-one-point-six-submit:active{background-color:#98c844}.lesson-one-point-seven{background-image:url(/static/media/ChemClick_Background_Faded.b9d96dd7b480cb63953c.jpg);background-position:50%;background-size:cover;justify-content:center;min-height:100vh;overflow:hidden;width:100vw}.lesson-one-point-seven,.lesson-one-point-seven-box{align-items:center;display:flex;flex-direction:column}.lesson-one-point-seven-box{height:77vh;width:66vw}.lesson-one-point-seven-box-innercont{align-items:center;background-color:#00d5d7;background-image:url(/static/media/RainbowBackground.dbc06ef03f5cb8d05ce3.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border:5px solid #fff;border-radius:15px;box-shadow:0 4px 10px #01577080;display:flex;flex-direction:column;justify-content:flex-start;margin-right:5%;max-height:100vh;overflow-x:hidden;overflow-y:auto;padding:10px;width:60vw}.lesson-one-point-seven-box-title{background-color:#fff;border:5px solid #015770;border-radius:5px;font-family:Orelega One,sans-serif;font-weight:400;margin-bottom:20px;padding:15px;text-align:center;width:100%}.lesson-one-point-seven-content{align-items:center;background-color:#fff;border:5px solid #015770;border-radius:10px;display:flex;flex-direction:column;margin-bottom:20px;max-width:950px;padding:20px 20px 40px;width:100%}.lesson-one-point-seven-cylinder-container{border:2px solid #5f3838;display:flex;justify-content:center;margin:20px 0;max-width:800px;position:relative;width:100%}.lesson-one-point-seven-currentMeasurement{left:0;max-height:100px;padding:5px;position:absolute}.lesson-one-point-seven-cylinder{height:100%}.lesson-one-point-seven-cylinderWaterContainer{min-height:400px;overflow:hidden;position:relative}.lesson-one-point-seven-cylinderWater{height:100%;left:22px;opacity:50%;position:absolute;width:102px}.lesson-one-point-seven-question{align-items:center;display:flex;flex-direction:column;gap:10px;justify-content:center;width:100%}.lesson-one-point-seven-box-title h1,.lesson-one-point-seven-question h1{font-family:Orelega One,sans-serif;font-size:1.3rem;font-weight:400;margin:0}.lesson-one-point-seven-currentMeasurement p{color:#015770;font-family:Orelega One,sans-serif;font-size:1.3rem;font-weight:lighter;margin:0}.lesson-one-point-seven-prompt{color:#0a0a0a;font-family:Orelega One,sans-serif;font-size:1.3rem;font-weight:400;line-height:1.5;margin-bottom:20px;max-width:800px;padding:0 20px;text-align:center}.lesson-one-point-seven-input{background-color:#e7eae2;border:2px solid #015770;border-radius:15px;font-family:Orelega One,sans-serif;font-size:1.5rem;height:40px;padding:10px;text-align:center;width:37%}.lesson-one-point-seven-feedback{border-radius:8px;font-family:Orelega One,sans-serif;font-size:1.25rem;font-weight:700;margin-top:5px;padding:8px 16px;text-align:center;transition:opacity .3s ease,transform .3s ease}.lesson-one-point-seven-feedback.correct{background-color:#e0f8e0;border:2px solid #237b31;color:#237b31;opacity:1}.lesson-one-point-seven-feedback.incorrect{background-color:#ffe6e6;border:2px solid #c94444;color:#662e2e;opacity:1}.lesson-one-point-seven-feedback.hidden{opacity:0;transform:translateY(-10px)}.lesson-one-point-seven-box{margin-top:10px;padding-bottom:15px}.lesson-one-point-seven-question{gap:8px}.lesson-one-point-seven-next,.lesson-one-point-seven-submit{background-color:#e3f0cc;border:5px solid #237b31;border-radius:10px;color:#000;cursor:pointer;font-family:Orelega One,sans-serif;font-size:1.25rem;margin-top:-15px;padding:10px 20px}.lesson-one-point-seven-next:active,.lesson-one-point-seven-submit:active{background-color:#98c844}.bubble{animation:rise 2s ease-in,pop .3s ease-out 1.7s forwards;border-radius:50%;bottom:0;position:absolute;z-index:3}@keyframes rise{0%{opacity:1;transform:translateY(0)}90%{opacity:1}to{opacity:.7;transform:translateY(-20px)}}@keyframes pop{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(1.5)}}.lesson-one-point-eight{background-image:url(/static/media/ChemClick_Background_Faded.b9d96dd7b480cb63953c.jpg);background-position:50%;background-size:cover;justify-content:center;min-height:100vh;overflow:hidden;width:100vw}.lesson-one-point-eight,.lesson-one-point-eight-box{align-items:center;display:flex;flex-direction:column}.lesson-one-point-eight-box{height:77vh;width:66vw}.lesson-one-point-eight-box-innercont{align-items:center;background-color:#00d5d7;background-image:url(/static/media/RainbowBackground.dbc06ef03f5cb8d05ce3.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border:5px solid #fff;border-radius:15px;box-shadow:0 4px 10px #01577080;display:flex;flex-direction:column;justify-content:flex-start;margin-right:5%;max-height:100vh;overflow-x:hidden;overflow-y:auto;padding:10px;width:60vw}.lesson-one-point-eight-box-title{background-color:#fff;border:5px solid #015770;border-radius:5px;font-family:Orelega One,sans-serif;font-weight:400;margin-bottom:20px;padding:15px;text-align:center;width:100%}.lesson-one-point-eight-content{align-items:center;background-color:#fff;border:5px solid #015770;border-radius:10px;display:flex;flex-direction:column;margin-bottom:20px;max-width:950px;padding:20px 20px 40px;width:100%}.lesson-one-point-eight-cylinder-container{border:2px solid #5f3838;display:flex;justify-content:center;margin:20px 0;max-width:800px;position:relative;width:100%}.lesson-one-point-eight-cylinder{height:100%}.lesson-one-point-eight-cylinderWaterContainer{min-height:400px;overflow:hidden;position:relative}.lesson-one-point-eight-cylinderWater{height:100%;left:22px;opacity:50%;position:absolute;width:102px}.lesson-one-point-eight-question{align-items:center;display:flex;flex-direction:column;gap:10px;justify-content:center;width:100%}.lesson-one-point-eight-box-title h1,.lesson-one-point-eight-question h1{font-family:Orelega One,sans-serif;font-size:1.3rem;font-weight:400;margin:0}.lesson-one-point-eight-prompt{color:#0a0a0a;font-family:Orelega One,sans-serif;font-size:1.3rem;font-weight:400;line-height:1.5;margin-bottom:20px;max-width:800px;padding:0 20px;text-align:center}.lesson-one-point-eight-input{background-color:#e7eae2;border:2px solid #015770;border-radius:15px;font-family:Orelega One,sans-serif;font-size:1.5rem;height:40px;padding:10px;text-align:center;width:37%}.lesson-one-point-eight-feedback{border-radius:8px;font-family:Orelega One,sans-serif;font-size:1.25rem;font-weight:700;margin-top:5px;padding:8px 16px;text-align:center;transition:opacity .3s ease,transform .3s ease}.lesson-one-point-eight-feedback.correct{background-color:#e0f8e0;border:2px solid #237b31;color:#237b31;opacity:1}.lesson-one-point-eight-feedback.incorrect{background-color:#ffe6e6;border:2px solid #c94444;color:#662e2e;opacity:1}.lesson-one-point-eight-feedback.hidden{opacity:0;transform:translateY(-10px)}.lesson-one-point-eight-box{margin-top:10px;padding-bottom:15px}.lesson-one-point-eight-question{gap:8px}.lesson-one-point-eight-next,.lesson-one-point-eight-submit{background-color:#e3f0cc;border:5px solid #237b31;border-radius:10px;color:#000;cursor:pointer;font-family:Orelega One,sans-serif;font-size:1.25rem;margin-top:-15px;padding:10px 20px}.lesson-one-point-eight-next:active,.lesson-one-point-eight-submit:active{background-color:#98c844}.lesson-one-point-nine{background-image:url(/static/media/ChemClick_Background_Faded.b9d96dd7b480cb63953c.jpg);background-position:50%;background-size:cover;min-height:100vh;overflow:hidden;width:100vw}.lesson-one-point-nine,.lesson-one-point-nine-box{align-items:center;display:flex;flex-direction:column}.lesson-one-point-nine-box{height:77vh;width:66vw}.lesson-one-point-nine-box-innercont{align-items:center;background-color:#00d5d7;background-image:url(/static/media/RainbowBackground.dbc06ef03f5cb8d05ce3.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border:5px solid #fff;border-radius:15px;box-shadow:0 4px 10px #01577080;display:flex;flex-direction:column;justify-content:flex-start;margin-right:5%;max-height:100vh;overflow-x:hidden;overflow-y:auto;padding:10px;width:60vw}.lesson-one-point-nine-box-title{background-color:#fff;border:5px solid #015770;border-radius:5px;font-family:Orelega One,sans-serif;font-weight:400;margin-bottom:20px;padding:15px;text-align:center;width:100%}.lesson-one-point-nine-content{align-items:center;background-color:#fff;border:5px solid #015770;border-radius:10px;display:flex;flex-direction:column;margin-bottom:20px;max-width:950px;padding:20px 20px 40px;width:100%}.lesson-one-point-nine-cylinder-container{border:2px solid #5f3838;display:flex;justify-content:center;margin:20px 0;max-width:800px;position:relative;width:100%}.lesson-one-point-nine-cylinder{height:100%}.lesson-one-point-nine-cylinderWaterContainer{min-height:400px;overflow:hidden;position:relative}.lesson-one-point-nine-cylinderWater{height:100%;left:22px;opacity:50%;position:absolute;width:102px}.lesson-one-point-nine-question{align-items:center;display:flex;flex-direction:column;gap:10px;justify-content:center;width:100%}.lesson-one-point-nine-box-title h1,.lesson-one-point-nine-question h1{font-family:Orelega One,sans-serif;font-size:1.3rem;font-weight:400;margin:0}.lesson-one-point-nine-currentMeasurement p{color:#015770;font-family:Orelega One,sans-serif;font-size:1.2rem;font-weight:lighter;margin:0}.lesson-one-point-nine-prompt{color:#0a0a0a;font-family:Orelega One,sans-serif;font-size:1.3rem;font-weight:400;line-height:1.5;margin-bottom:20px;max-width:800px;padding:0 20px;text-align:center}.lesson-one-point-nine-input{background-color:#e7eae2;border:2px solid #015770;border-radius:15px;font-family:Orelega One,sans-serif;font-size:1.5rem;height:40px;padding:10px;text-align:center;width:37%}.lesson-one-point-nine-feedback{border-radius:8px;font-family:Orelega One,sans-serif;font-size:1.25rem;font-weight:700;margin-top:5px;padding:8px 16px;text-align:center;transition:opacity .3s ease,transform .3s ease}.lesson-one-point-nine-feedback.correct{background-color:#e0f8e0;border:2px solid #237b31;color:#237b31;opacity:1}.lesson-one-point-nine-feedback.incorrect{background-color:#ffe6e6;border:2px solid #c94444;color:#662e2e;opacity:1}.lesson-one-point-nine-feedback.hidden{opacity:0;transform:translateY(-10px)}.lesson-one-point-nine-box{margin-top:10px;padding-bottom:15px}.lesson-one-point-nine-question{gap:8px}.lesson-one-point-nine-next,.lesson-one-point-nine-submit{background-color:#e3f0cc;border:5px solid #237b31;border-radius:10px;color:#000;cursor:pointer;font-family:Orelega One,sans-serif;font-size:1.25rem;margin-top:-15px;padding:10px 20px}.lesson-one-point-nine-next:active,.lesson-one-point-nine-submit:active{background-color:#98c844}.lesson-one-point-ten{background-image:url(/static/media/ChemClick_Background_Faded.b9d96dd7b480cb63953c.jpg);background-position:50%;background-size:cover;justify-content:center;min-height:100vh;overflow:hidden;width:100vw}.lesson-one-point-ten,.lesson-one-point-ten-box{align-items:center;display:flex;flex-direction:column}.lesson-one-point-ten-box{height:77vh;width:66vw}.lesson-one-point-ten-box-innercont{align-items:center;background-color:#00d5d7;background-image:url(/static/media/RainbowBackground.dbc06ef03f5cb8d05ce3.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border:5px solid #fff;border-radius:15px;box-shadow:0 4px 10px #01577080;display:flex;flex-direction:column;justify-content:flex-start;margin-right:5%;max-height:100vh;overflow-x:hidden;overflow-y:auto;padding:10px;width:60vw}.lesson-one-point-ten-box-title{background-color:#fff;border:5px solid #015770;border-radius:5px;font-family:Orelega One,sans-serif;font-weight:400;margin-bottom:20px;padding:15px;text-align:center;width:100%}.lesson-one-point-ten-content{align-items:center;background-color:#fff;border:5px solid #015770;border-radius:10px;display:flex;flex-direction:column;margin-bottom:20px;max-width:950px;padding:20px 20px 40px;width:100%}.lesson-one-point-ten-cylinder-container{border:2px solid #5f3838;display:flex;justify-content:center;margin:20px 0;max-width:800px;position:relative;width:100%}.lesson-one-point-ten-currentMeasurement{left:0;max-height:100px;padding:5px;position:absolute}.lesson-one-point-ten-cylinder{height:100%}.lesson-one-point-ten-cylinderWaterContainer{min-height:400px;overflow:hidden;position:relative}.lesson-one-point-ten-cylinderWater{height:100%;left:22px;opacity:50%;position:absolute;width:102px}.lesson-one-point-ten-question{align-items:center;display:flex;flex-direction:column;gap:10px;justify-content:center;width:100%}.lesson-one-point-ten-box-title h1,.lesson-one-point-ten-question h1{font-family:Orelega One,sans-serif;font-size:1.3rem;font-weight:400;margin:0}.lesson-one-point-ten-currentMeasurement p{color:#015770;font-family:Orelega One,sans-serif;font-size:1.2rem;font-weight:lighter;margin:0}.lesson-one-point-ten-prompt{color:#0a0a0a;font-family:Orelega One,sans-serif;font-size:1.3rem;font-weight:400;line-height:1.5;margin-bottom:20px;max-width:800px;padding:0 20px;text-align:center}.lesson-one-point-ten-input{background-color:#e7eae2;border:2px solid #015770;border-radius:15px;font-family:Orelega One,sans-serif;font-size:1.5rem;height:40px;padding:10px;text-align:center;width:37%}.lesson-one-point-ten-feedback{border-radius:8px;font-family:Orelega One,sans-serif;font-size:1.25rem;font-weight:700;margin-top:5px;padding:8px 16px;text-align:center;transition:opacity .3s ease,transform .3s ease}.lesson-one-point-ten-feedback.correct{background-color:#e0f8e0;border:2px solid #237b31;color:#237b31;opacity:1}.lesson-one-point-ten-feedback.incorrect{background-color:#ffe6e6;border:2px solid #c94444;color:#662e2e;opacity:1}.lesson-one-point-ten-feedback.hidden{opacity:0;transform:translateY(-10px)}.lesson-one-point-ten-box{margin-top:10px;padding-bottom:15px}.lesson-one-point-ten-question{gap:8px}.lesson-one-point-ten-next,.lesson-one-point-ten-submit{background-color:#e3f0cc;border:5px solid #237b31;border-radius:10px;color:#000;cursor:pointer;font-family:Orelega One,sans-serif;font-size:1.25rem;margin-top:-15px;padding:10px 20px}.lesson-one-point-ten-next:active,.lesson-one-point-ten-submit:active{background-color:#98c844}.lesson-one-point-eleven{align-items:center;background-image:url(/static/media/ChemClick_Background_Faded.b9d96dd7b480cb63953c.jpg);background-position:50%;background-size:cover;display:flex;flex-direction:column;justify-content:center;min-height:100vh;overflow:hidden;width:100vw}.lesson-one-point-eleven-box{align-items:center;display:flex;flex-direction:column;height:77vh;width:66vw}.lesson-one-point-eleven-box-innercont{align-items:center;background-color:#00d5d7;background-image:url(/static/media/RainbowBackground.dbc06ef03f5cb8d05ce3.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border:5px solid #fff;border-radius:15px;box-shadow:0 4px 10px #01577080;display:flex;flex-direction:column;justify-content:flex-start;margin-right:5%;max-height:100vh;overflow-x:hidden;overflow-y:auto;padding:10px;width:60vw}.lesson-one-point-eleven-box-title{background-color:#fff;border:5px solid #015770;border-radius:5px;font-family:Orelega One,sans-serif;font-weight:400;margin-bottom:20px;padding:15px;text-align:center;width:100%}.lesson-one-point-eleven-content{align-items:center;background-color:#fff;border:5px solid #015770;border-radius:10px;display:flex;flex-direction:column;margin-bottom:20px;max-width:950px;padding:20px 20px 40px;width:100%}.lesson-one-point-eleven-cylinder-container{border:2px solid #5f3838;display:flex;justify-content:center;margin:20px 0;max-width:800px;position:relative;width:100%}.lesson-one-point-eleven-cylinder{height:100%}.lesson-one-point-eleven-cylinderWaterContainer{min-height:400px;overflow:hidden;position:relative}.lesson-one-point-eleven-cylinderWater{height:100%;left:22px;opacity:50%;position:absolute;width:102px}.lesson-one-point-eleven-question{align-items:center;display:flex;flex-direction:column;gap:10px;justify-content:center;width:100%}.lesson-one-point-eleven-box-title h1,.lesson-one-point-eleven-question h1{font-family:Orelega One,sans-serif;font-size:1.3rem;font-weight:400;margin:0}.lesson-one-point-eleven-prompt{color:#0a0a0a;font-family:Orelega One,sans-serif;font-size:1.3rem;font-weight:400;line-height:1.5;margin-bottom:20px;max-width:800px;padding:0 20px;text-align:center}.lesson-one-point-eleven-input{background-color:#e7eae2;border:2px solid #015770;border-radius:15px;font-family:Orelega One,sans-serif;font-size:1.5rem;height:40px;padding:10px;text-align:center;width:37%}.lesson-one-point-eleven-feedback{border-radius:8px;font-family:Orelega One,sans-serif;font-size:1.25rem;font-weight:700;margin-top:5px;padding:8px 16px;text-align:center;transition:opacity .3s ease,transform .3s ease}.lesson-one-point-eleven-feedback.correct{background-color:#e0f8e0;border:2px solid #237b31;color:#237b31;opacity:1}.lesson-one-point-eleven-feedback.incorrect{background-color:#ffe6e6;border:2px solid #c94444;color:#662e2e;opacity:1}.lesson-one-point-eleven-feedback.hidden{opacity:0;transform:translateY(-10px)}.lesson-one-point-eleven-box{margin-top:10px;padding-bottom:15px}.lesson-one-point-eleven-question{gap:8px}.lesson-one-point-eleven-next,.lesson-one-point-eleven-submit{background-color:#e3f0cc;border:5px solid #237b31;border-radius:10px;color:#000;cursor:pointer;font-family:Orelega One,sans-serif;font-size:1.25rem;margin-top:-15px;padding:10px 20px}.lesson-one-point-eleven-next:active,.lesson-one-point-eleven-submit:active{background-color:#98c844}.lesson-one-point-twelve{align-items:center;background-image:url(/static/media/ChemClick_Background_Faded.b9d96dd7b480cb63953c.jpg);background-position:50%;background-size:cover;display:flex;flex-direction:column;justify-content:center;min-height:100vh;overflow:hidden;width:100vw}.lesson-one-point-twelve-box{align-items:center;display:flex;flex-direction:column;height:77vh;width:66vw}.lesson-one-point-twelve-box-innercont{align-items:center;background-color:#00d5d7;background-image:url(/static/media/RainbowBackground.dbc06ef03f5cb8d05ce3.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border:5px solid #fff;border-radius:15px;box-shadow:0 4px 10px #01577080;display:flex;flex-direction:column;justify-content:flex-start;margin-right:5%;max-height:100vh;overflow-x:hidden;overflow-y:auto;padding:10px;width:60vw}.lesson-one-point-twelve-box-title{background-color:#fff;border:5px solid #015770;border-radius:5px;font-family:Orelega One,sans-serif;font-weight:400;margin-bottom:20px;padding:15px;text-align:center;width:100%}.lesson-one-point-twelve-content{align-items:center;background-color:#fff;border:5px solid #015770;border-radius:10px;display:flex;flex-direction:column;margin-bottom:20px;max-width:950px;padding:20px 20px 40px;width:100%}.lesson-one-point-twelve-cylinder-container{border:2px solid #5f3838;display:flex;justify-content:center;margin:20px 0;max-width:800px;position:relative;width:100%}.lesson-one-point-twelve-cylinder{height:100%}.lesson-one-point-twelve-cylinderWaterContainer{min-height:400px;overflow:hidden;position:relative}.lesson-one-point-twelve-cylinderWater{height:100%;left:22px;opacity:50%;position:absolute;width:102px}.lesson-one-point-twelve-question{align-items:center;display:flex;flex-direction:column;gap:10px;justify-content:center;width:100%}.lesson-one-point-twelve-box-title h1,.lesson-one-point-twelve-question h1{font-family:Orelega One,sans-serif;font-size:1.3rem;font-weight:400;margin:0}.lesson-one-point-twelve-currentMeasurement p{color:#015770;font-family:Orelega One,sans-serif;font-size:1.2rem;font-weight:lighter;margin:0}.lesson-one-point-twelve-prompt{color:#0a0a0a;font-family:Orelega One,sans-serif;font-size:1.3rem;font-weight:400;line-height:1.5;margin-bottom:20px;max-width:800px;padding:0 20px;text-align:center}.lesson-one-point-twelve-input{background-color:#e7eae2;border:2px solid #015770;border-radius:15px;font-family:Orelega One,sans-serif;font-size:1.5rem;height:40px;padding:10px;text-align:center;width:37%}.lesson-one-point-twelve-feedback{border-radius:8px;font-family:Orelega One,sans-serif;font-size:1.25rem;font-weight:700;margin-top:5px;padding:8px 16px;text-align:center;transition:opacity .3s ease,transform .3s ease}.lesson-one-point-twelve-feedback.correct{background-color:#e0f8e0;border:2px solid #237b31;color:#237b31;opacity:1}.lesson-one-point-twelve-feedback.incorrect{background-color:#ffe6e6;border:2px solid #c94444;color:#662e2e;opacity:1}.lesson-one-point-twelve-feedback.hidden{opacity:0;transform:translateY(-10px)}.lesson-one-point-twelve-box{margin-top:10px;padding-bottom:15px}.lesson-one-point-twelve-question{gap:8px}.lesson-one-point-twelve-next,.lesson-one-point-twelve-submit{background-color:#e3f0cc;border:5px solid #237b31;border-radius:10px;color:#000;cursor:pointer;font-family:Orelega One,sans-serif;font-size:1.25rem;margin-top:-15px;padding:10px 20px}.lesson-one-point-twelve-next:active,.lesson-one-point-twelve-submit:active{background-color:#98c844}.lesson-two-point-one{background-image:url(/static/media/ChemClick_Background_Faded.b9d96dd7b480cb63953c.jpg);background-position:50%;background-size:cover;justify-content:center;min-height:100vh;overflow:hidden;width:100vw}.lesson-two-point-one,.lesson-two-point-one-box{align-items:center;display:flex;flex-direction:column}.lesson-two-point-one-box{height:77vh;width:66vw}.lesson-two-point-one-box-innercont{align-items:center;background-color:#00d5d7;background-image:url(/static/media/RainbowBackground.dbc06ef03f5cb8d05ce3.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border:5px solid #fff;border-radius:15px;box-shadow:0 4px 10px #01577080;display:flex;flex-direction:column;justify-content:flex-start;margin-right:5%;max-height:100vh;overflow-x:hidden;overflow-y:auto;padding:10px;width:60vw}.lesson-two-point-one-box-title{background-color:#fff;border:5px solid #015770;border-radius:5px;font-family:Orelega One,sans-serif;font-weight:400;margin-bottom:20px;padding:15px;text-align:center;width:100%}.lesson-two-point-one-content{align-items:center;background-color:#fff;border:5px solid #015770;border-radius:10px;display:flex;flex-direction:column;height:100%;margin-bottom:20px;max-width:950px;padding:20px 20px 40px;width:100%}.lesson-two-point-one-container{border:2px solid #5f3838;display:flex;height:100%;justify-content:center;margin:20px 0;max-width:800px;position:relative;width:100%}.lesson-two-point-one-scale{padding:10%;width:100%}.lesson-two-point-one-scale-reading{color:#018570;font-family:Orelega One,sans-serif;font-size:40px;font-weight:400;left:47%;position:absolute;text-align:center;top:70%;transform:translate(-50%,-50%)}.lesson-two-point-one-box-title h1,.lesson-two-point-one-question h1{font-family:Orelega One,sans-serif;font-size:1.3rem;font-weight:400;margin:0}.lesson-two-point-one-prompt{color:#0a0a0a;font-family:Orelega One,sans-serif;font-size:1.3rem;font-weight:400;line-height:1.5;margin-bottom:0;max-width:800px;padding:0 20px;text-align:center}.lesson-two-point-one-input{background-color:#e7eae2;border:2px solid #015770;border-radius:15px;font-family:Orelega One,sans-serif;font-size:1.5rem;height:40px;padding:10px;text-align:center;width:37%}.lesson-two-point-one-feedback{border-radius:8px;font-family:Orelega One,sans-serif;font-size:1.25rem;font-weight:700;margin-bottom:20px;margin-top:10px;padding:8px 16px;text-align:center;transition:opacity .3s ease,transform .3s ease}.lesson-two-point-one-feedback.correct{background-color:#e0f8e0;border:2px solid #237b31;color:#237b31;opacity:1}.lesson-two-point-one-feedback.incorrect{background-color:#ffe6e6;border:2px solid #c94444;color:#662e2e;opacity:1}.lesson-two-point-one-feedback.hidden{opacity:0;transform:translateY(-10px)}.lesson-two-point-one-next,.lesson-two-point-one-submit{background-color:#e3f0cc;border:5px solid #237b31;border-radius:10px;color:#000;cursor:pointer;font-family:Orelega One,sans-serif;font-size:1.25rem;margin-top:-15px;padding:10px 20px}.lesson-two-point-two-next:active,.lesson-two-point-two-submit:active{background-color:#98c844}.lesson-two-point-two{background-image:url(/static/media/ChemClick_Background_Faded.b9d96dd7b480cb63953c.jpg);background-position:50%;background-size:cover;justify-content:center;min-height:100vh;overflow:hidden;width:100vw}.lesson-two-point-two,.lesson-two-point-two-box{align-items:center;display:flex;flex-direction:column}.lesson-two-point-two-box{height:77vh;width:66vw}.lesson-two-point-two-box-innercont{align-items:center;background-color:#00d5d7;background-image:url(/static/media/RainbowBackground.dbc06ef03f5cb8d05ce3.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border:5px solid #fff;border-radius:15px;box-shadow:0 4px 10px #01577080;display:flex;flex-direction:column;justify-content:flex-start;margin-right:5%;max-height:100vh;overflow-x:hidden;overflow-y:auto;padding:10px;width:60vw}.lesson-two-point-two-box-title{background-color:#fff;border:5px solid #015770;border-radius:5px;font-family:Orelega One,sans-serif;font-weight:400;margin-bottom:20px;padding:15px;text-align:center;width:100%}.lesson-two-point-two-content{align-items:center;background-color:#fff;border:5px solid #015770;border-radius:10px;display:flex;flex-direction:column;margin-bottom:20px;max-width:950px;padding:20px 20px 40px;width:100%}.lesson-two-point-two-container{align-items:center;border:2px solid #5f3838;display:flex;justify-content:center;margin:20px 0;max-width:800px;position:relative;width:100%}.lesson-two-point-two-scale{padding:10%;width:100%}.lesson-two-point-two-scale-reading{color:#018570;font-family:Orelega One,sans-serif;font-size:40px;font-weight:400;left:47%;position:absolute;text-align:center;top:70%;transform:translate(-50%,-50%)}.lesson-two-point-two-question{align-items:center;display:flex;gap:10px;justify-content:center;width:100%}.lesson-two-point-two-box-title h1,.lesson-two-point-two-question h1{font-family:Orelega One,sans-serif;font-size:1.3rem;font-weight:400;margin:0}.lesson-two-point-two-prompt{color:#0a0a0a;font-family:Orelega One,sans-serif;font-size:1.3rem;font-weight:400;line-height:1.5;margin-bottom:20px;max-width:800px;padding:0 20px;text-align:center}.lesson-two-point-two-input{background-color:#e7eae2;border:2px solid #015770;border-radius:15px;font-family:Orelega One,sans-serif;font-size:1.5rem;height:40px;padding:10px;text-align:center;width:37%}.lesson-two-point-two-submit-feedback-container{align-items:center;display:flex;flex-direction:column;gap:8px;margin-top:5px;position:relative}.lesson-two-point-two-feedback{border-radius:8px;font-family:Orelega One,sans-serif;font-size:1.25rem;font-weight:700;margin-bottom:20px;margin-top:10px;padding:8px 16px;text-align:center;transition:opacity .3s ease,transform .3s ease}.lesson-two-point-two-feedback.correct{background-color:#e0f8e0;border:2px solid #237b31;color:#237b31;opacity:1}.lesson-two-point-two-feedback.incorrect{background-color:#ffe6e6;border:2px solid #c94444;color:#662e2e;opacity:1}.lesson-two-point-two-feedback.hidden{opacity:0;transform:translateY(-10px)}.lesson-two-point-two-next,.lesson-two-point-two-submit{background-color:#e3f0cc;border:5px solid #237b31;border-radius:10px;color:#000;cursor:pointer;font-family:Orelega One,sans-serif;font-size:1.25rem;margin-top:-15px;padding:10px 20px}.lesson-two-point-three{background-image:url(/static/media/ChemClick_Background_Faded.b9d96dd7b480cb63953c.jpg);background-position:50%;background-size:cover;justify-content:center;min-height:100vh;overflow:hidden;width:100vw}.lesson-two-point-three,.lesson-two-point-three-box{align-items:center;display:flex;flex-direction:column}.lesson-two-point-three-box{height:77vh;width:66vw}.lesson-two-point-three-box-innercont{align-items:center;background-color:#00d5d7;background-image:url(/static/media/RainbowBackground.dbc06ef03f5cb8d05ce3.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border:5px solid #fff;border-radius:15px;box-shadow:0 4px 10px #01577080;display:flex;flex-direction:column;justify-content:flex-start;margin-right:5%;max-height:100vh;overflow-x:hidden;overflow-y:auto;padding:10px;width:60vw}.lesson-two-point-three-box-title{background-color:#fff;border:5px solid #015770;border-radius:5px;font-family:Orelega One,sans-serif;font-weight:400;margin-bottom:20px;padding:15px;text-align:center;width:100%}.lesson-two-point-three-content{align-items:center;background-color:#fff;border:5px solid #015770;border-radius:10px;display:flex;flex-direction:column;margin-bottom:20px;max-width:950px;padding:20px 20px 40px;width:100%}.lesson-two-point-three-container{border:2px solid #5f3838;display:flex;margin:20px 0;width:100%}.lesson-two-point-three-container,.lesson-two-point-three-reading-container{align-items:center;justify-content:center;max-width:800px;position:relative}.lesson-two-point-three-scale{padding:10%;width:100%}.lesson-two-point-three-frog{padding:11%;position:absolute;right:75px;top:10px;width:50%}.lesson-two-point-three-scale-reading{color:#018570;font-family:Orelega One,sans-serif;font-size:30px;font-weight:400;position:absolute;right:135px;top:215px}.lesson-two-point-three-question{align-items:center;display:flex;gap:10px;justify-content:center;width:100%}.lesson-two-point-three-answer1,.lesson-two-point-three-answer2{background-color:#fff;font-family:Orelega One,sans-serif;font-weight:400}.lesson-two-point-three-box-title h1,.lesson-two-point-three-question h1{font-family:Orelega One,sans-serif;font-size:1.3rem;font-weight:400;margin:0}.lesson-two-point-three-currentMeasurement p{color:#015770;font-family:Orelega One,sans-serif;font-size:1.2rem;font-weight:lighter;margin:0}.lesson-two-point-three-prompt{color:#0a0a0a;font-family:Orelega One,sans-serif;font-size:1.3rem;font-weight:400;line-height:1.5;margin-bottom:20px;max-width:800px;padding:0 20px;text-align:center}.lesson-two-point-three-input{background-color:#e7eae2;border:2px solid #015770;border-radius:15px;font-family:Orelega One,sans-serif;font-size:1.5rem;height:40px;padding:10px;text-align:center;width:37%}.lesson-two-point-three-submit-feedback-container{align-items:center;display:flex;flex-direction:column;gap:8px;margin-top:5px;position:relative}.lesson-two-point-three-feedback{border-radius:8px;font-family:Orelega One,sans-serif;font-size:1.25rem;font-weight:700;margin-bottom:20px;margin-top:10px;padding:8px 16px;text-align:center;transition:opacity .3s ease,transform .3s ease}.lesson-two-point-three-feedback.correct{background-color:#e0f8e0;border:2px solid #237b31;color:#237b31;opacity:1}.lesson-two-point-three-feedback.incorrect{background-color:#ffe6e6;border:2px solid #c94444;color:#662e2e;opacity:1}.lesson-two-point-three-feedback.hidden{opacity:0;transform:translateY(-10px)}.lesson-two-point-three-box{margin-top:10px;padding-bottom:15px}.lesson-two-point-three-next,.lesson-two-point-three-submit{background-color:#e3f0cc;border:5px solid #237b31;border-radius:10px;color:#000;cursor:pointer;font-family:Orelega One,sans-serif;font-size:1.25rem;margin-top:-15px;padding:10px 20px}.lesson-two-point-three-next:active,.lesson-two-point-three-submit:active{background-color:#98c844}.lesson-two-point-four{background-image:url(/static/media/ChemClick_Background_Faded.b9d96dd7b480cb63953c.jpg);background-position:50%;background-size:cover;justify-content:center;min-height:100vh;overflow:hidden;width:100vw}.lesson-two-point-four,.lesson-two-point-four-box{align-items:center;display:flex;flex-direction:column}.lesson-two-point-four-box{height:77vh;width:66vw}.lesson-two-point-four-box-innercont{align-items:center;background-color:#00d5d7;background-image:url(/static/media/RainbowBackground.dbc06ef03f5cb8d05ce3.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border:5px solid #fff;border-radius:15px;box-shadow:0 4px 10px #01577080;display:flex;flex-direction:column;justify-content:flex-start;margin-right:5%;max-height:100vh;overflow-x:hidden;overflow-y:auto;padding:10px;width:60vw}.lesson-two-point-four-box-title{background-color:#fff;border:5px solid #015770;border-radius:5px;font-family:Orelega One,sans-serif;font-weight:400;margin-bottom:20px;padding:15px;text-align:center;width:100%}.lesson-two-point-four-content{align-items:center;background-color:#fff;border:5px solid #015770;border-radius:10px;display:flex;flex-direction:column;margin-bottom:20px;max-width:950px;padding:20px 20px 40px;width:100%}.lesson-two-point-four-container{border:2px solid #5f3838;display:flex;margin:20px 0;width:100%}.lesson-two-point-four-container,.lesson-two-point-four-reading-container{align-items:center;justify-content:center;max-width:800px;position:relative}.lesson-two-point-four-scale{padding:10%;width:100%}.lesson-two-point-four-duck{padding:11%;position:absolute;right:75px;top:10px;width:50%}.lesson-two-point-four-scale-reading{color:#018570;font-family:Orelega One,sans-serif;font-size:30px;font-weight:400;position:absolute;right:135px;top:215px}.lesson-two-point-four-question{align-items:center;display:flex;gap:10px;justify-content:center;width:100%}.lesson-two-point-four-answer1,.lesson-two-point-four-answer2{background-color:#fff;font-family:Orelega One,sans-serif;font-weight:400}.lesson-two-point-four-box-title h1,.lesson-two-point-four-question h1{font-family:Orelega One,sans-serif;font-size:1.3rem;font-weight:400;margin:0}.lesson-two-point-four-currentMeasurement p{color:#015770;font-family:Orelega One,sans-serif;font-size:1.2rem;font-weight:lighter;margin:0}.lesson-two-point-four-prompt{color:#0a0a0a;font-family:Orelega One,sans-serif;font-size:1.3rem;font-weight:400;line-height:1.5;margin-bottom:20px;max-width:800px;padding:0 20px;text-align:center}.lesson-two-point-four-input{background-color:#e7eae2;border:2px solid #015770;border-radius:15px;font-family:Orelega One,sans-serif;font-size:1.5rem;height:40px;padding:10px;text-align:center;width:37%}.lesson-two-point-four-submit-feedback-container{align-items:center;display:flex;flex-direction:column;gap:8px;margin-top:5px;position:relative}.lesson-two-point-four-feedback{border-radius:8px;font-family:Orelega One,sans-serif;font-size:1.25rem;font-weight:700;margin-bottom:20px;margin-top:10px;padding:8px 16px;text-align:center;transition:opacity .3s ease,transform .3s ease}.lesson-two-point-four-feedback.correct{background-color:#e0f8e0;border:2px solid #237b31;color:#237b31;opacity:1}.lesson-two-point-four-feedback.incorrect{background-color:#ffe6e6;border:2px solid #c94444;color:#662e2e;opacity:1}.lesson-two-point-four-feedback.hidden{opacity:0;transform:translateY(-10px)}.lesson-two-point-four-box{margin-top:10px;padding-bottom:15px}.lesson-two-point-four-next,.lesson-two-point-four-submit{background-color:#e3f0cc;border:5px solid #237b31;border-radius:10px;color:#000;cursor:pointer;font-family:Orelega One,sans-serif;font-size:1.25rem;padding:10px 20px}.lesson-two-point-four-next:active,.lesson-two-point-four-submit:active{background-color:#98c844}.lesson-two-point-five{background-image:url(/static/media/ChemClick_Background_Faded.b9d96dd7b480cb63953c.jpg);background-position:50%;background-size:cover;justify-content:center;min-height:100vh;overflow:hidden;width:100vw}.lesson-two-point-five,.lesson-two-point-five-box{align-items:center;display:flex;flex-direction:column}.lesson-two-point-five-box{height:77vh;width:66vw}.lesson-two-point-five-box-innercont{align-items:center;background-color:#00d5d7;background-image:url(/static/media/RainbowBackground.dbc06ef03f5cb8d05ce3.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border:5px solid #fff;border-radius:15px;box-shadow:0 4px 10px #01577080;display:flex;flex-direction:column;justify-content:flex-start;margin-right:5%;max-height:100vh;overflow-x:hidden;overflow-y:auto;padding:10px;width:60vw}.lesson-two-point-five-box-title{background-color:#fff;border:5px solid #015770;border-radius:5px;font-family:Orelega One,sans-serif;font-weight:400;margin-bottom:20px;padding:15px;text-align:center;width:100%}.lesson-two-point-five-content{align-items:center;background-color:#fff;border:5px solid #015770;border-radius:10px;display:flex;flex-direction:column;margin-bottom:20px;max-width:950px;padding:20px 20px 40px;width:100%}.lesson-two-point-five-container{border:2px solid #5f3838;display:flex;margin:20px 0;width:100%}.lesson-two-point-five-container,.lesson-two-point-five-reading-container{align-items:center;justify-content:center;max-width:800px;position:relative}.lesson-two-point-five-scale{padding:10%;width:100%}.lesson-two-point-five-bear{padding:11%;position:absolute;right:75px;width:50%}.lesson-two-point-five-scale-reading{color:#018570;font-family:Orelega One,sans-serif;font-size:30px;font-weight:400;position:absolute;right:135px;top:215px}.lesson-two-point-five-question{align-items:center;display:flex;gap:10px;justify-content:center;width:100%}.lesson-two-point-five-answer1,.lesson-two-point-five-answer2{background-color:#fff;font-family:Orelega One,sans-serif;font-weight:400}.lesson-two-point-five-box-title h1,.lesson-two-point-five-question h1{font-family:Orelega One,sans-serif;font-size:1.3rem;font-weight:400;margin:0}.lesson-two-point-five-currentMeasurement p{color:#015770;font-family:Orelega One,sans-serif;font-size:1.2rem;font-weight:lighter;margin:0}.lesson-two-point-five-prompt{color:#0a0a0a;font-family:Orelega One,sans-serif;font-size:1.3rem;font-weight:400;line-height:1.5;margin-bottom:20px;max-width:800px;padding:0 20px;text-align:center}.lesson-two-point-five-input{background-color:#e7eae2;border:2px solid #015770;border-radius:15px;font-family:Orelega One,sans-serif;font-size:1.5rem;height:40px;padding:10px;text-align:center;width:37%}.lesson-two-point-five-feedback{border-radius:8px;font-family:Orelega One,sans-serif;font-size:1.25rem;font-weight:700;margin-bottom:20px;margin-top:5px;padding:8px 16px;text-align:center;transition:opacity .3s ease,transform .3s ease}.lesson-two-point-five-feedback.correct{background-color:#e0f8e0;border:2px solid #237b31;color:#237b31;opacity:1}.lesson-two-point-five-feedback.incorrect{background-color:#ffe6e6;border:2px solid #c94444;color:#662e2e;opacity:1}.lesson-two-point-five-feedback.hidden{opacity:0;transform:translateY(-10px)}.lesson-two-point-five-box{margin-top:10px;padding-bottom:15px}.lesson-two-point-five-next,.lesson-two-point-five-submit{background-color:#e3f0cc;border:5px solid #237b31;border-radius:10px;color:#000;cursor:pointer;font-family:Orelega One,sans-serif;font-size:1.25rem;margin-top:-15px;padding:10px 20px}.lesson-two-point-five-next:active,.lesson-two-point-five-submit:active{background-color:#98c844}.lesson-two-point-six{background-image:url(/static/media/ChemClick_Background_Faded.b9d96dd7b480cb63953c.jpg);background-position:50%;background-size:cover;justify-content:center;min-height:100vh;overflow:hidden;width:100vw}.lesson-two-point-six,.lesson-two-point-six-box{align-items:center;display:flex;flex-direction:column}.lesson-two-point-six-box{height:77vh;width:66vw}.lesson-two-point-six-box-innercont{align-items:center;background-color:#00d5d7;background-image:url(/static/media/RainbowBackground.dbc06ef03f5cb8d05ce3.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border:5px solid #fff;border-radius:15px;box-shadow:0 4px 10px #01577080;display:flex;flex-direction:column;justify-content:flex-start;margin-right:5%;max-height:100vh;overflow-x:hidden;overflow-y:auto;padding:10px;width:60vw}.lesson-two-point-six-box-title{background-color:#fff;border:5px solid #015770;border-radius:5px;font-family:Orelega One,sans-serif;font-weight:400;margin-bottom:20px;padding:15px;text-align:center;width:100%}.lesson-two-point-six-content{align-items:center;background-color:#fff;border:5px solid #015770;border-radius:10px;display:flex;flex-direction:column;margin-bottom:20px;max-width:950px;padding:20px 20px 40px;width:100%}.lesson-two-point-six-container{border:2px solid #5f3838;display:flex;margin:20px 0;width:100%}.lesson-two-point-six-container,.lesson-two-point-six-reading-container{align-items:center;justify-content:center;max-width:800px;position:relative}.lesson-two-point-six-scale{padding:10%;width:100%}.lesson-two-point-six-frog{padding:11%;position:absolute;right:75px;width:50%}.lesson-two-point-six-scale-reading{color:#018570;font-family:Orelega One,sans-serif;font-size:30px;font-weight:400;position:absolute;right:135px;top:215px}.lesson-two-point-six-question{align-items:center;display:flex;gap:10px;justify-content:center;width:100%}.lesson-two-point-six-answer1,.lesson-two-point-six-answer2{background-color:#fff;font-family:Orelega One,sans-serif;font-weight:400}.lesson-two-point-six-box-title h1,.lesson-two-point-six-question h1{font-family:Orelega One,sans-serif;font-size:1.3rem;font-weight:400;margin:0}.lesson-two-point-six-currentMeasurement p{color:#015770;font-family:Orelega One,sans-serif;font-size:1.2rem;font-weight:lighter;margin:0}.lesson-two-point-six-prompt{color:#0a0a0a;font-family:Orelega One,sans-serif;font-size:1.3rem;font-weight:400;line-height:1.5;margin-bottom:20px;max-width:800px;padding:0 20px;text-align:center}.lesson-two-point-six-input{background-color:#e7eae2;border:2px solid #015770;border-radius:15px;font-family:Orelega One,sans-serif;font-size:1.5rem;height:40px;padding:10px;text-align:center;width:37%}.lesson-two-point-six-feedback{border-radius:8px;font-family:Orelega One,sans-serif;font-size:1.25rem;font-weight:700;margin-bottom:20px;margin-top:5px;padding:8px 16px;text-align:center;transition:opacity .3s ease,transform .3s ease}.lesson-two-point-six-feedback.correct{background-color:#e0f8e0;border:2px solid #237b31;color:#237b31;opacity:1}.lesson-two-point-six-feedback.incorrect{background-color:#ffe6e6;border:2px solid #c94444;color:#662e2e;opacity:1}.lesson-two-point-six-feedback.hidden{opacity:0;transform:translateY(-10px)}.lesson-two-point-six-box{margin-top:10px;padding-bottom:15px}.lesson-two-point-six-next,.lesson-two-point-six-submit{background-color:#e3f0cc;border:5px solid #237b31;border-radius:10px;color:#000;cursor:pointer;font-family:Orelega One,sans-serif;font-size:1.25rem;margin-top:-15px;padding:10px 20px}.lesson-two-point-six-next:active,.lesson-two-point-six-submit:active{background-color:#98c844}.lesson-three-point-one{background-image:url(/static/media/ChemClick_Background_Faded.b9d96dd7b480cb63953c.jpg);background-position:50%;background-size:cover;justify-content:center;min-height:100vh;overflow:hidden;width:100vw}.lesson-three-point-one,.lesson-three-point-one-box{align-items:center;display:flex;flex-direction:column}.lesson-three-point-one-box{height:77vh;width:66vw}.lesson-three-point-one-box-innercont{align-items:center;background-color:#00d5d7;background-image:url(/static/media/RainbowBackground.dbc06ef03f5cb8d05ce3.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border:5px solid #fff;border-radius:15px;box-shadow:0 4px 10px #01577080;display:flex;flex-direction:column;justify-content:flex-start;margin-right:5%;max-height:100vh;overflow-x:hidden;overflow-y:auto;padding:10px;width:60vw}.lesson-three-point-one-box-title{background-color:#fff;border:5px solid #015770;border-radius:5px;font-family:Orelega One,sans-serif;font-weight:400;margin-bottom:20px;padding:15px;text-align:center;width:100%}.lesson-three-point-one-content{align-items:center;background-color:#fff;border:5px solid #015770;border-radius:10px;display:flex;flex-direction:column;margin-bottom:20px;max-width:950px;padding:20px 20px 40px;width:100%}.lesson-three-point-one-cylinder-container{border:2px solid #5f3838;display:flex;justify-content:center;margin:20px 0;max-width:800px;position:relative;width:100%}.lesson-three-point-one-cylinder{height:100%}.lesson-three-point-one-cylinderWaterContainer{min-height:400px;overflow:hidden;position:relative}.lesson-three-point-one-cylinderWater{height:100%;left:22px;opacity:50%;position:absolute;width:102px}.lesson-three-point-one-question{align-items:center;display:flex;gap:10px;justify-content:center;width:100%}.lesson-three-point-one-box-title h1,.lesson-three-point-one-question h1{font-family:Orelega One,sans-serif;font-size:1.3rem;font-weight:400;margin:0}.lesson-three-point-one-prompt{color:#0a0a0a;font-family:Orelega One,sans-serif;font-size:1.3rem;font-weight:400;line-height:1.5;margin-bottom:20px;max-width:800px;padding:0 20px;text-align:center}.lesson-three-point-one-input{background-color:#e7eae2;border:2px solid #015770;border-radius:15px;font-family:Orelega One,sans-serif;font-size:1.5rem;height:40px;padding:10px;text-align:center;width:37%}.submit-feedback-container-three-point-one{align-items:center;display:flex;flex-direction:column;gap:8px;margin-top:5px;position:relative}.lesson-three-point-one-feedback{border-radius:8px;font-family:Orelega One,sans-serif;font-size:1.25rem;font-weight:700;margin-bottom:20px;padding:8px 16px;text-align:center;transition:opacity .3s ease,transform .3s ease}.lesson-three-point-one-feedback.correct{background-color:#e0f8e0;border:2px solid #237b31;color:#237b31;opacity:1}.lesson-three-point-one-feedback.incorrect{background-color:#ffe6e6;border:2px solid #c94444;color:#662e2e;opacity:1}.lesson-three-point-one-feedback.hidden{opacity:0;transform:translateY(-10px)}.lesson-three-point-one-box{margin-top:10px;padding-bottom:15px}.lesson-three-point-one-question{gap:8px}.lesson-three-point-one-next,.lesson-three-point-one-submit{background-color:#e3f0cc;border:5px solid #237b31;border-radius:10px;color:#000;cursor:pointer;font-family:Orelega One,sans-serif;font-size:1.25rem;margin-top:-15px;padding:10px 20px}.lesson-three-point-one-next:active,.lesson-three-point-one-submit:active{background-color:#98c844}.bohr-model-container-three-point-one{align-items:center;background-color:#f5f5f5;border:2px solid #fff;border-radius:50%;display:flex;flex-direction:column;height:600px;justify-content:center;margin:20px;position:relative;width:600px}.nucleus-three-point-one{align-items:center;background-color:orange;border-radius:50%;cursor:pointer;display:flex;height:125px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:transform .2s;width:125px;z-index:10}.proton-three-point-one{background-color:blue;border-radius:50%;height:12px;position:absolute;width:12px}.shells{height:100%;justify-content:center;width:100%}.shell,.shells{align-items:center;display:flex;position:absolute}.shell{border:2px solid #0003;border-radius:50%;justify-content:space-around}.shell.active{border-color:#000}.electron-three-point-one{background-color:red;border-radius:50%;height:15px;position:absolute;width:15px}.controls-three-point-one{display:flex;margin-top:10px}.controls-three-point-one,button{align-items:center;justify-content:center}button{background-color:#e3f0cc;border:1px solid #237b31;border-radius:5px;color:#000;font-family:Orelega One,sans-serif;padding:10px}button:hover{align-items:center;background-color:#98c844;justify-content:center}.nucleus-three-point-one.selected{border:3px solid darkred;box-shadow:0 0 10px #8b0000b3;transition:border .2s ease,box-shadow .2s ease}.shell.selected{background-color:#0000001a;border:3px solid #000!important;box-shadow:0 0 10px #00000080}.shell-visual-ring{transition:all .2s ease}.shell-visual-ring,.shell-visual-ring.selected{color:#000;opacity:1}.shell-click-zone:hover+.shell-visual-ring{border-color:#05000099;opacity:.7}.lesson-three-point-two{background-image:url(/static/media/ChemClick_Background_Faded.b9d96dd7b480cb63953c.jpg);background-position:50%;background-size:cover;justify-content:center;min-height:100vh;overflow:hidden;width:100vw}.lesson-three-point-two,.lesson-three-point-two-box{align-items:center;display:flex;flex-direction:column}.lesson-three-point-two-box{height:77vh;width:66vw}.lesson-three-point-two-box-innercont{align-items:center;background-color:#00d5d7;background-image:url(/static/media/RainbowBackground.dbc06ef03f5cb8d05ce3.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border:5px solid #fff;border-radius:15px;box-shadow:0 4px 10px #01577080;display:flex;flex-direction:column;justify-content:flex-start;margin-right:5%;max-height:100vh;overflow-x:hidden;overflow-y:auto;padding:10px;width:60vw}.lesson-three-point-two-box-title{background-color:#fff;border:5px solid #015770;border-radius:5px;font-family:Orelega One,sans-serif;font-weight:400;margin-bottom:20px;padding:15px;text-align:center;width:100%}.lesson-three-point-two-content{align-items:center;background-color:#fff;border:5px solid #015770;border-radius:10px;display:flex;flex-direction:column;margin-bottom:20px;max-width:950px;padding:20px 20px 40px;width:100%}.lesson-three-point-two-bohr-container{border:2px solid #5f3838;display:flex;max-height:750px;max-width:750px;position:relative;width:100%}.lesson-three-point-two-cylinder{aspect-ratio:15/14;height:100%;object-fit:contain;width:100%}.lesson-three-point-two-bohrmodelcontainer{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}.lesson-three-point-two-question{align-items:center;display:flex;gap:10px;justify-content:center;width:100%}.lesson-three-point-two-box-title h1,.lesson-three-point-two-question h1{font-family:Orelega One,sans-serif;font-size:1.3rem;font-weight:400;margin:0}.lesson-three-point-two-prompt{color:#0a0a0a;font-family:Orelega One,sans-serif;font-size:1.3rem;font-weight:400;line-height:1.5;margin-bottom:20px;max-width:800px;padding:0 20px;text-align:center}.submit-feedback-container-three-point-two{align-items:center;display:flex;flex-direction:column;gap:8px;margin-top:5px;position:relative}.lesson-three-point-two-feedback{border-radius:8px;font-family:Orelega One,sans-serif;font-size:1.25rem;font-weight:700;margin-bottom:20px;margin-top:10px;padding:8px 16px;text-align:center;transition:opacity .3s ease,transform .3s ease}.lesson-three-point-two-feedback.correct{background-color:#e0f8e0;border:2px solid #237b31;color:#237b31;opacity:1}.lesson-three-point-two-feedback.incorrect{background-color:#ffe6e6;border:2px solid #c94444;color:#662e2e;opacity:1}.lesson-three-point-two-feedback.hidden{opacity:0;transform:translateY(-10px)}.lesson-three-point-two-box{margin-top:10px;padding-bottom:15px}.lesson-three-point-two-question{gap:8px}.lesson-three-point-two-next,.lesson-three-point-two-submit{background-color:#e3f0cc;border:5px solid #237b31;border-radius:10px;color:#000;cursor:pointer;font-family:Orelega One,sans-serif;font-size:1.25rem;margin-top:-15px;padding:10px 20px}.lesson-three-point-two-next:active,.lesson-three-point-two-submit:active{background-color:#98c844}.separator-three-point-two{border:none;border-top:4px solid #015770;margin-bottom:10px;margin-top:20px;width:102%}.electron-container-three-point-two{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.electron-three-point-two{background-color:red;border-radius:50%;cursor:pointer;height:20px;pointer-events:auto;position:absolute;transition:transform .2s;width:20px;z-index:100}.electron-three-point-two.selected{background-color:purple}.highlighted-shell-three-point-two{filter:drop-shadow(0 0 6px red)}.lesson-four-point-one{background-image:url(/static/media/ChemClick_Background_Faded.b9d96dd7b480cb63953c.jpg);background-position:50%;background-size:cover;justify-content:center;min-height:100vh;overflow:hidden;width:100vw}.lesson-four-point-one,.lesson-four-point-one-box{align-items:center;display:flex;flex-direction:column}.lesson-four-point-one-box{height:77vh;width:66vw}.lesson-four-point-one-box-innercont{align-items:center;background-color:#00d5d7;background-image:url(/static/media/RainbowBackground.dbc06ef03f5cb8d05ce3.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border:5px solid #fff;border-radius:15px;box-shadow:0 4px 10px #01577080;display:flex;flex-direction:column;justify-content:flex-start;margin-right:5%;overflow-x:hidden;padding:10px;width:60vw}.lesson-four-point-one-box-title{background-color:#fff;border:5px solid #015770;border-radius:5px;margin-bottom:20px;padding:15px;text-align:center;width:100%}.lesson-four-point-one-content{align-items:center;background-color:#fff;border:5px solid #015770;border-radius:10px;display:flex;flex-direction:column;margin-bottom:20px;max-height:75vh;max-width:950px;overflow-y:auto;padding:20px 20px 40px;width:100%}.lesson-four-point-one-question{align-items:center;display:flex;gap:10px;justify-content:center;width:100%}.lesson-four-point-one-box-title h1,.lesson-four-point-one-question h1{font-family:Orelega One,sans-serif;font-size:1.3rem;font-weight:400;margin:0}.lesson-four-point-one-prompt{color:#0a0a0a;font-family:Orelega One,sans-serif;font-size:1.15rem;font-weight:400;line-height:1.5;margin-bottom:20px;max-width:800px;padding:0 20px;text-align:left}.lesson-four-point-one-input{background-color:#e7eae2;border:2px solid #015770;border-radius:15px;font-family:Orelega One,sans-serif;font-size:1.5rem;height:40px;padding:10px;text-align:center;width:37%}.lesson-four-point-one-next,.lesson-four-point-one-submit{background-color:#e3f0cc;border:5px solid #237b31;border-radius:10px;color:#000;cursor:pointer;font-family:Orelega One,sans-serif;font-size:1.25rem;margin-top:-8px;padding:10px 20px}.lesson-four-point-one-category{display:flex;gap:15px;gap:10px;justify-content:center;margin-bottom:20px}.lesson-four-point-one-category button{background-color:#0af;border:none;border-radius:6px;box-shadow:0 3px 6px #0003;color:#fff;cursor:pointer;font-size:.85rem;font-weight:700;padding:8px 15px;text-decoration:none;transition:all .3s ease}.lesson-four-point-one-category button.active{background-color:#007acc;box-shadow:0 4px 8px #0000004d;text-decoration:underline;transform:scale(1.03)}.lesson-four-point-one-category button:hover{box-shadow:0 5px 10px #0000004d;transform:scale(1.1)}.lesson-four-point-one-prompt ul{margin-left:20px;padding-left:20px}.lesson-four-point-one-prompt ul li{line-height:1.5;list-style-type:disc;margin-bottom:5px}.lesson-four-point-one-prompt ul li u{font-weight:400;text-decoration:underline}.lesson-four-point-one-feedback{background-color:#f9f9f9;border:2px solid red;border-radius:5px;font-size:14px;line-height:1.6;margin-top:20px;padding:15px}.lesson-four-point-one-feedback.correct{background-color:#f9f9f9;border:2px solid #34e451;color:#062c0c}.lesson-four-point-one-feedback.incorrect{background-color:#f9f9f9;border:2px solid red;color:#662e2e}.lesson-four-point-one-feedback h3{color:#333;margin-bottom:15px}.lesson-four-point-one-feedback h4{color:#555;margin-top:10px}.lesson-four-point-one-feedback ul{list-style:disc;margin:10px 0;padding-left:20px}.lesson-four-point-one-feedback li{margin-bottom:5px}.lesson-four-point-one-feedback p{margin:5px 0}.lesson-four-point-one-feedback.hidden{opacity:0;transform:translateY(-10px)}.active-category{border-radius:6px;color:#000;display:inline-block;font-size:1.2rem;font-weight:700;padding:5px 10px}.underlined-property{text-decoration:underline;text-decoration-color:#000}.lesson-four-point-two{background-image:url(/static/media/ChemClick_Background_Faded.b9d96dd7b480cb63953c.jpg);background-position:50%;background-size:cover;justify-content:center;min-height:100vh;overflow:hidden;width:100vw}.lesson-four-point-two,.lesson-four-point-two-box{align-items:center;display:flex;flex-direction:column}.lesson-four-point-two-box{height:77vh;width:66vw}.lesson-four-point-two-box-innercont{align-items:center;background-color:#00d5d7;background-image:url(/static/media/RainbowBackground.dbc06ef03f5cb8d05ce3.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border:5px solid #fff;border-radius:15px;box-shadow:0 4px 10px #01577080;display:flex;flex-direction:column;justify-content:flex-start;margin-right:5%;overflow-x:hidden;padding:10px;width:60vw}.lesson-four-point-two-box-title{background-color:#fff;border:5px solid #015770;border-radius:5px;margin-bottom:20px;padding:15px;text-align:center;width:100%}.lesson-four-point-two-content{align-items:center;background-color:#fff;border:5px solid #015770;border-radius:10px;display:flex;flex-direction:column;margin-bottom:20px;max-height:75vh;max-width:950px;overflow-y:auto;padding:20px 20px 40px;width:100%}.lesson-four-point-two-question{align-items:center;display:flex;gap:10px;justify-content:center;width:100%}.lesson-four-point-two-box-title h1,.lesson-four-point-two-question h1{font-family:Orelega One,sans-serif;font-size:1.3rem;font-weight:400;margin:0}.lesson-four-point-two-prompt{color:#0a0a0a;font-family:Orelega One,sans-serif;font-size:1.15rem;font-weight:400;line-height:1.5;margin-bottom:20px;max-width:800px;padding:0 20px;text-align:left}.lesson-four-point-two-input{background-color:#e7eae2;border:2px solid #015770;border-radius:15px;font-family:Orelega One,sans-serif;font-size:1.5rem;height:40px;padding:10px;text-align:center;width:37%}.lesson-four-point-two-next,.lesson-four-point-two-submit{background-color:#e3f0cc;border:5px solid #237b31;border-radius:10px;color:#000;cursor:pointer;font-family:Orelega One,sans-serif;font-size:1.25rem;margin-top:-8px;padding:10px 20px}.lesson-four-point-two-category{display:flex;gap:15px;gap:10px;justify-content:center;margin-bottom:20px}.lesson-four-point-two-category button{background-color:#0af;border:none;border-radius:6px;box-shadow:0 3px 6px #0003;color:#fff;cursor:pointer;font-size:.85rem;font-weight:700;padding:8px 15px;text-decoration:none;transition:all .3s ease}.lesson-four-point-two-category button.active{background-color:#007acc;box-shadow:0 4px 8px #0000004d;text-decoration:underline;transform:scale(1.03)}.lesson-four-point-two-category button:hover{box-shadow:0 5px 10px #0000004d;transform:scale(1.1)}.lesson-four-point-two-prompt ul{margin-left:20px;padding-left:20px}.lesson-four-point-two-prompt ul li{line-height:1.5;list-style-type:disc;margin-bottom:5px}.lesson-four-point-two-prompt ul li u{font-weight:400;text-decoration:underline}.lesson-four-point-two-feedback{background-color:#f9f9f9;border:2px solid red;border-radius:5px;font-size:14px;line-height:1.6;margin-top:20px;padding:15px}.lesson-four-point-two-feedback.correct{background-color:#f9f9f9;border:2px solid #34e451;color:#062c0c}.lesson-four-point-two-feedback.incorrect{background-color:#f9f9f9;border:2px solid red;color:#662e2e}.lesson-four-point-two-feedback h3{color:#333;margin-bottom:15px}.lesson-four-point-two-feedback h4{color:#555;margin-top:10px}.lesson-four-point-two-feedback ul{list-style:disc;margin:10px 0;padding-left:20px}.lesson-four-point-two-feedback li{margin-bottom:5px}.lesson-four-point-two-feedback p{margin:5px 0}.lesson-four-point-two-feedback.hidden{opacity:0;transform:translateY(-10px)}.lesson-four-point-three{align-items:center;background-image:url(/static/media/ChemClick_Background_Faded.b9d96dd7b480cb63953c.jpg);background-position:50%;background-size:cover;display:flex;flex-direction:column;justify-content:center;min-height:100vh;overflow:hidden;width:100vw}.lesson-four-point-three-box{align-items:center;display:flex;flex-direction:column;height:77vh;width:66vw}.lesson-four-point-three-box-innercont{align-items:center;background-color:#00d5d7;background-image:url(/static/media/RainbowBackground.dbc06ef03f5cb8d05ce3.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border:5px solid #fff;border-radius:15px;box-shadow:0 4px 10px #01577080;display:flex;flex-direction:column;justify-content:flex-start;margin-right:5%;overflow-x:hidden;padding:10px;width:60vw}.lesson-four-point-three-box-title{background-color:#fff;border:5px solid #015770;border-radius:5px;margin-bottom:20px;padding:15px;text-align:center;width:100%}.lesson-four-point-three-content{align-items:center;background-color:#fff;border:5px solid #015770;border-radius:10px;display:flex;flex-direction:column;margin-bottom:20px;max-height:75vh;max-width:950px;overflow-y:auto;padding:20px 20px 40px;width:100%}.lesson-four-point-three-question{align-items:center;display:flex;gap:10px;justify-content:center;width:100%}.lesson-four-point-three-box-title h1,.lesson-four-point-three-question h1{font-family:Orelega One,sans-serif;font-size:1.3rem;font-weight:400;margin:0}.lesson-four-point-three-prompt{color:#0a0a0a;font-family:Orelega One,sans-serif;font-size:1.15rem;font-weight:400;line-height:1.5;margin-bottom:20px;max-width:800px;padding:0 20px;text-align:left}.lesson-four-point-three-input{background-color:#e7eae2;border:2px solid #015770;border-radius:15px;font-family:Orelega One,sans-serif;font-size:1.5rem;height:40px;padding:10px;text-align:center;width:37%}.color-block{border-radius:5px;color:rgba(0,0,0,.677);cursor:pointer;font-size:.9rem;font-weight:700;height:50px;line-height:50px;text-align:center;transition:transform .3s ease,box-shadow .3s ease;width:80px}.color-block:hover{box-shadow:0 4px 8px #0000004d;transform:scale(1.1)}.element-square{align-items:center;aspect-ratio:1;border:1px solid #ccc;cursor:pointer;display:flex;flex-direction:column;font-family:Arial,sans-serif;font-size:1rem;justify-content:center;overflow:hidden;padding-bottom:8px;position:relative;text-align:center;transition:transform .2s ease,box-shadow .2s ease;width:110%}.element-number{color:#000;font-size:calc(.2rem + .5vw);left:2px;position:absolute;top:2px}.element-symbol{font-size:calc(.6rem + 1vm);font-weight:700;margin-top:20px}.element-name{color:gray;font-size:clamp(.4rem,.5vw,.7rem);margin-top:2px;white-space:nowrap}.periodic-table{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(18,1fr);grid-template-rows:repeat(7,1fr);margin:15px auto;max-height:100%;max-width:100%;width:100%}.row{display:contents}.element-square:hover{border:2px solid #999}.lesson-four-point-three-next,.lesson-four-point-three-submit{background-color:#e3f0cc;border:5px solid #237b31;border-radius:10px;color:#000;cursor:pointer;font-family:Orelega One,sans-serif;font-size:1.25rem;margin-top:-8px;padding:10px 20px}.color-key-container{align-items:center;display:flex;gap:20px;justify-content:space-between;margin-bottom:20px}.color-keys,.right-side-buttons{display:flex;gap:10px}.right-side-buttons{margin-left:auto}.clear-all-button,.eraser-tool-button{align-items:center;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:700;height:50px;justify-content:center;transition:background-color .3s;width:100px}.element-square.null-space{border:1px dashed #ccc;opacity:.5;pointer-events:none}.lesson-four-point-three-category{display:flex;gap:15px;gap:10px;justify-content:center;margin-bottom:20px}.lesson-four-point-three-category button{background-color:#0af;border:none;border-radius:6px;box-shadow:0 3px 6px #0003;color:#fff;cursor:pointer;font-size:.85rem;font-weight:700;padding:8px 15px;text-decoration:none;transition:all .3s ease}.lesson-four-point-three-category button.active{background-color:#007acc;box-shadow:0 4px 8px #0000004d;text-decoration:underline;transform:scale(1.03)}.lesson-four-point-three-category button:hover{box-shadow:0 5px 10px #0000004d;transform:scale(1.1)}.lesson-four-point-three-prompt ul{margin-left:20px;padding-left:20px}.lesson-four-point-three-prompt ul li{line-height:1.5;list-style-type:disc;margin-bottom:5px}.lesson-four-point-three-prompt ul li u{font-weight:400;text-decoration:underline}.eraser-tool-button{align-items:center;background-color:#ee7171;border:2px solid #ccc;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-size:.8rem;font-weight:700;height:50px;justify-content:center;transition:background-color .3s;width:100px}.eraser-tool-button:hover{box-shadow:0 4px 8px #0000004d;transform:scale(1.1)}.clear-all-button{align-items:center;background-color:#ee7171;border:2px solid #ccc;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-size:.8rem;font-weight:700;height:50px;justify-content:center;transition:background-color .3s;width:100px}.clear-all-button:hover{box-shadow:0 4px 8px #0000004d;transform:scale(1.1)}.vertical-divider{background-color:#ccc;height:50px;margin:0 20px;width:2px}.submit-feedback-container{display:flex;flex-direction:column;gap:8px;margin-top:5px}.lesson-four-point-three-feedback{background-color:#f9f9f9;border:2px solid red;border-radius:5px;font-size:14px;line-height:1.6;margin-top:20px;padding:15px}.lesson-four-point-three-feedback.correct{background-color:#f9f9f9;border:2px solid #34e451;color:#062c0c}.lesson-four-point-three-feedback.incorrect{background-color:#f9f9f9;border:2px solid red;color:#662e2e}.lesson-four-point-three-feedback h3{color:#333;margin-bottom:15px}.lesson-four-point-three-feedback h4{color:#555;margin-top:10px}.lesson-four-point-three-feedback ul{list-style:disc;margin:10px 0;padding-left:20px}.lesson-four-point-three-feedback li{margin-bottom:5px}.lesson-four-point-three-feedback p{margin:5px 0}.lesson-four-point-three-feedback.hidden{opacity:0;transform:translateY(-10px)}.LessonFivePointOne{background-image:url(/static/media/ChemClick_Background_Faded.b9d96dd7b480cb63953c.jpg);background-position:50%;background-size:cover;justify-content:center;min-height:100vh;overflow:hidden;width:100vw}.LessonFivePointOne,.LessonFivePointOneBox{align-items:center;display:flex;flex-direction:column}.LessonFivePointOneBox{height:66vh;width:66vw}.LessonFivePointOneBoxInnercont{align-items:center;background-color:#00d5d7;background-image:url(/static/media/RainbowBackground.dbc06ef03f5cb8d05ce3.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border:5px solid #fff;border-radius:15px;box-shadow:0 4px 10px #01577080;display:flex;flex-direction:column;justify-content:flex-start;margin-right:5%;padding:10px;width:60vw}.LessonFivePointOneBoxTitle{background-color:#fff;border:5px solid #015770;border-radius:5px;margin-bottom:20px;padding:15px;text-align:center;width:100%}.LessonFivePointOneBoxTitle h1{font-family:Orelega One,sans-serif;font-size:1.3rem;font-weight:400}.LessonFivePointOneContent{align-items:center;background-color:#fff;border:5px solid #015770;border-radius:10px;display:flex;flex-direction:column;margin-bottom:20px;max-width:950px;padding:20px 20px 15px;width:100%}.LessonFivePointOnePrompt{color:#0a0a0a;font-family:Orelega One,sans-serif;font-size:1.3rem;font-weight:400;line-height:1.5;margin-bottom:20px;max-width:800px;padding:0 20px;text-align:center}.LessonFivePointOneRow{align-items:flex-start;display:flex;flex-direction:row;gap:20px;justify-content:center;width:100%}.LessonFivePointOneInput{font-family:Orelega One,sans-serif;font-size:1.5rem;margin-top:14px;max-width:400px;overflow:auto;resize:none;text-align:left;width:80%}.LessonFivePointOneImageContainer,.LessonFivePointOneInput{border:5px solid #015770;border-radius:5px;padding:15px;position:relative}.LessonFivePointOneImageContainer{height:250px;margin:0;max-width:290px;overflow-y:scroll;width:40%}.LessonFivePointOneImageContainer::-webkit-scrollbar{width:8px}.LessonFivePointOneImageContainer::-webkit-scrollbar-thumb{background:#a0a0a0;border-radius:5px}.LessonFivePointOneImageContainer .scrollable-image{height:auto;width:100%}.LessonFivePointOneFeedback{border-radius:8px;font-family:Orelega One,sans-serif;font-size:1.25rem;font-weight:700;margin-top:5px;padding:8px 16px;text-align:center;transition:opacity .3s ease,transform .3s ease}.LessonFivePointOneFeedback.correct{background-color:#e0f8e0;border:2px solid #237b31;color:#237b31;margin-top:15px}.LessonFivePointOneFeedback.incorrect{background-color:#ffe6e6;border:2px solid #c94444;color:#662e2e;margin-top:15px}.LessonFivePointOneNext,.LessonFivePointOneSubmit{background-color:#e3f0cc;border:5px solid #237b31;border-radius:10px;color:#000;cursor:pointer;font-family:Orelega One,sans-serif;font-size:1.25rem;margin-top:-15px;padding:10px 20px}.LessonFivePointOneNext:active,.LessonFivePointOneSubmit:active{background-color:#98c844}.LessonFivePointTwo{background-image:url(/static/media/ChemClick_Background_Faded.b9d96dd7b480cb63953c.jpg);background-position:50%;background-size:cover;justify-content:center;min-height:100vh;overflow:hidden;width:100vw}.LessonFivePointTwo,.LessonFivePointTwoBox{align-items:center;display:flex;flex-direction:column}.LessonFivePointTwoBox{height:66vh;width:66vw}.LessonFivePointTwoBoxInnercont{align-items:center;background-color:#00d5d7;background-image:url(/static/media/RainbowBackground.dbc06ef03f5cb8d05ce3.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border:5px solid #fff;border-radius:15px;box-shadow:0 4px 10px #01577080;display:flex;flex-direction:column;justify-content:flex-start;margin-right:5%;padding:10px;width:60vw}.LessonFivePointTwoBoxTitle{background-color:#fff;border:5px solid #015770;border-radius:5px;margin-bottom:20px;padding:15px;text-align:center;width:100%}.LessonFivePointTwoBoxTitle h1{font-family:Orelega One,sans-serif;font-size:1.3rem;font-weight:400}.LessonFivePointTwoContent{align-items:center;background-color:#fff;border:5px solid #015770;border-radius:10px;display:flex;flex-direction:column;margin-bottom:20px;max-width:950px;padding:20px 20px 15px;width:100%}.LessonFivePointTwoPrompt{color:#0a0a0a;font-family:Orelega One,sans-serif;font-size:1.3rem;font-weight:400;line-height:1.5;margin-bottom:20px;max-width:800px;padding:0 20px;text-align:center}.LessonFivePointTwoRow{align-items:flex-start;display:flex;flex-direction:row;gap:20px;justify-content:center;width:100%}.LessonFivePointTwoInput{font-family:Orelega One,sans-serif;font-size:1.5rem;margin-top:14px;max-width:400px;overflow:auto;resize:none;text-align:left;width:80%}.LessonFivePointTwoImageContainer,.LessonFivePointTwoInput{border:5px solid #015770;border-radius:5px;padding:15px;position:relative}.LessonFivePointTwoImageContainer{height:250px;margin:0;max-width:290px;overflow-y:scroll;width:40%}.LessonFivePointTwoImageContainer::-webkit-scrollbar{width:8px}.LessonFivePointTwoImageContainer::-webkit-scrollbar-thumb{background:#a0a0a0;border-radius:5px}.LessonFivePointTwoImageContainer .scrollable-image{height:auto;width:100%}.LessonFivePointTwoFeedback{border-radius:8px;font-family:Orelega One,sans-serif;font-size:1.25rem;font-weight:700;margin-top:5px;padding:8px 16px;text-align:center;transition:opacity .3s ease,transform .3s ease}.LessonFivePointTwoFeedback.correct{background-color:#e0f8e0;border:2px solid #237b31;color:#237b31;margin-top:15px}.LessonFivePointTwoFeedback.incorrect{background-color:#ffe6e6;border:2px solid #c94444;color:#662e2e;margin-top:15px}.LessonFivePointTwoNext,.LessonFivePointTwoSubmit{background-color:#e3f0cc;border:5px solid #237b31;border-radius:10px;color:#000;cursor:pointer;font-family:Orelega One,sans-serif;font-size:1.25rem;margin-top:-15px;padding:10px 20px}.LessonFivePointTwoNext:active,.LessonFivePointTwoSubmit:active{background-color:#98c844}.LessonFivePointThree{background-image:url(/static/media/ChemClick_Background_Faded.b9d96dd7b480cb63953c.jpg);background-position:50%;background-size:cover;justify-content:center;min-height:100vh;overflow:hidden;width:100vw}.LessonFivePointThree,.LessonFivePointThreeBox{align-items:center;display:flex;flex-direction:column}.LessonFivePointThreeBox{height:66vh;width:66vw}.LessonFivePointThreeBoxInnercont{align-items:center;background-color:#00d5d7;background-image:url(/static/media/RainbowBackground.dbc06ef03f5cb8d05ce3.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border:5px solid #fff;border-radius:15px;box-shadow:0 4px 10px #01577080;display:flex;flex-direction:column;justify-content:flex-start;margin-right:5%;padding:10px;width:60vw}.LessonFivePointThreeBoxTitle{background-color:#fff;border:5px solid #015770;border-radius:5px;margin-bottom:20px;padding:15px;text-align:center;width:100%}.LessonFivePointThreeBoxTitle h1{font-family:Orelega One,sans-serif;font-size:1.3rem;font-weight:400}.LessonFivePointThreeContent{align-items:center;background-color:#fff;border:5px solid #015770;border-radius:10px;display:flex;flex-direction:column;margin-bottom:20px;max-width:950px;padding:20px 20px 15px;width:100%}.LessonFivePointThreePrompt{color:#0a0a0a;font-family:Orelega One,sans-serif;font-size:1.3rem;font-weight:400;line-height:1.5;margin-bottom:20px;max-width:800px;padding:0 20px;text-align:center}.LessonFivePointThreeRow{align-items:flex-start;display:flex;flex-direction:row;gap:20px;justify-content:center;width:100%}.LessonFivePointThreeInput{font-family:Orelega One,sans-serif;font-size:1.5rem;margin-top:14px;max-width:400px;overflow:auto;resize:none;text-align:left;width:80%}.LessonFivePointThreeImageContainer,.LessonFivePointThreeInput{border:5px solid #015770;border-radius:5px;padding:15px;position:relative}.LessonFivePointThreeImageContainer{height:250px;margin:0;max-width:290px;overflow-y:scroll;width:40%}.LessonFivePointThreeImageContainer::-webkit-scrollbar{width:8px}.LessonFivePointThreeImageContainer::-webkit-scrollbar-thumb{background:#a0a0a0;border-radius:5px}.LessonFivePointThreeImageContainer .scrollable-image{height:auto;width:100%}.LessonFivePointThreeFeedback{border-radius:8px;font-family:Orelega One,sans-serif;font-size:1.25rem;font-weight:700;margin-top:5px;padding:8px 16px;text-align:center;transition:opacity .3s ease,transform .3s ease}.LessonFivePointThreeFeedback.correct{background-color:#e0f8e0;border:2px solid #237b31;color:#237b31;margin-top:15px}.LessonFivePointThreeFeedback.incorrect{background-color:#ffe6e6;border:2px solid #c94444;color:#662e2e;margin-top:15px}.LessonFivePointThreeNext,.LessonFivePointThreeSubmit{background-color:#e3f0cc;border:5px solid #237b31;border-radius:10px;color:#000;cursor:pointer;font-family:Orelega One,sans-serif;font-size:1.25rem;margin-top:-15px;padding:10px 20px}.LessonFivePointThreeNext:active,.LessonFivePointThreeSubmit:active{background-color:#98c844}.LessonFivePointFour{background-image:url(/static/media/ChemClick_Background_Faded.b9d96dd7b480cb63953c.jpg);background-position:50%;background-size:cover;justify-content:center;min-height:100vh;overflow:hidden;width:100vw}.LessonFivePointFour,.LessonFivePointFourBox{align-items:center;display:flex;flex-direction:column}.LessonFivePointFourBox{height:66vh;width:66vw}.LessonFivePointFourBoxInnercont{align-items:center;background-color:#00d5d7;background-image:url(/static/media/RainbowBackground.dbc06ef03f5cb8d05ce3.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border:5px solid #fff;border-radius:15px;box-shadow:0 4px 10px #01577080;display:flex;flex-direction:column;justify-content:flex-start;margin-right:5%;padding:10px;width:60vw}.LessonFivePointFourBoxTitle{background-color:#fff;border:5px solid #015770;border-radius:5px;margin-bottom:20px;padding:15px;text-align:center;width:100%}.LessonFivePointFourBoxTitle h1{font-family:Orelega One,sans-serif;font-size:1.3rem;font-weight:400}.LessonFivePointFourContent{align-items:center;background-color:#fff;border:5px solid #015770;border-radius:10px;display:flex;flex-direction:column;margin-bottom:20px;max-width:950px;padding:20px 20px 15px;width:100%}.LessonFivePointFourPrompt{color:#0a0a0a;font-family:Orelega One,sans-serif;font-size:1.3rem;font-weight:400;line-height:1.5;margin-bottom:20px;max-width:800px;padding:0 20px;text-align:center}.LessonFivePointFourRow{align-items:flex-start;display:flex;flex-direction:row;gap:20px;justify-content:center;width:100%}.LessonFivePointFourInput{font-family:Orelega One,sans-serif;font-size:1.5rem;margin-top:14px;max-width:400px;overflow:auto;resize:none;text-align:left;width:80%}.LessonFivePointFourImageContainer,.LessonFivePointFourInput{border:5px solid #015770;border-radius:5px;padding:15px;position:relative}.LessonFivePointFourImageContainer{height:250px;margin:0;max-width:290px;overflow-y:scroll;width:40%}.LessonFivePointFourImageContainer::-webkit-scrollbar{width:8px}.LessonFivePointFourImageContainer::-webkit-scrollbar-thumb{background:#a0a0a0;border-radius:5px}.LessonFivePointFourImageContainer .scrollable-image{height:auto;width:100%}.LessonFivePointFourFeedback{border-radius:8px;font-family:Orelega One,sans-serif;font-size:1.25rem;font-weight:700;margin-top:5px;padding:8px 16px;text-align:center;transition:opacity .3s ease,transform .3s ease}.LessonFivePointFourFeedback.correct{background-color:#e0f8e0;border:2px solid #237b31;color:#237b31;margin-top:15px}.LessonFivePointFourFeedback.incorrect{background-color:#ffe6e6;border:2px solid #c94444;color:#662e2e;margin-top:15px}.LessonFivePointFourNext,.LessonFivePointFourSubmit{background-color:#e3f0cc;border:5px solid #237b31;border-radius:10px;color:#000;cursor:pointer;font-family:Orelega One,sans-serif;font-size:1.25rem;margin-top:-15px;padding:10px 20px}.LessonFivePointFourNext:active,.LessonFivePointFourSubmit:active{background-color:#98c844}.LessonFivePointFive{background-image:url(/static/media/ChemClick_Background_Faded.b9d96dd7b480cb63953c.jpg);background-position:50%;background-size:cover;justify-content:center;min-height:100vh;overflow:hidden;width:100vw}.LessonFivePointFive,.LessonFivePointFiveBox{align-items:center;display:flex;flex-direction:column}.LessonFivePointFiveBox{height:66vh;width:66vw}.LessonFivePointFiveBoxInnercont{align-items:center;background-color:#00d5d7;background-image:url(/static/media/RainbowBackground.dbc06ef03f5cb8d05ce3.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border:5px solid #fff;border-radius:15px;box-shadow:0 4px 10px #01577080;display:flex;flex-direction:column;justify-content:flex-start;margin-right:5%;padding:10px;width:60vw}.LessonFivePointFiveBoxTitle{background-color:#fff;border:5px solid #015770;border-radius:5px;margin-bottom:20px;padding:15px;text-align:center;width:100%}.LessonFivePointFiveBoxTitle h1{font-family:Orelega One,sans-serif;font-size:1.3rem;font-weight:400}.LessonFivePointFiveContent{align-items:center;background-color:#fff;border:5px solid #015770;border-radius:10px;display:flex;flex-direction:column;margin-bottom:20px;max-width:950px;padding:20px 20px 15px;width:100%}.LessonFivePointFivePrompt{color:#0a0a0a;font-family:Orelega One,sans-serif;font-size:1.3rem;font-weight:400;line-height:1.5;margin-bottom:20px;max-width:800px;padding:0 20px;text-align:center}.LessonFivePointFiveRow{align-items:flex-start;display:flex;flex-direction:row;gap:20px;justify-content:center;width:100%}.LessonFivePointFiveInput{font-family:Orelega One,sans-serif;font-size:1.5rem;margin-top:14px;max-width:400px;overflow:auto;resize:none;text-align:left;width:80%}.LessonFivePointFiveImageContainer,.LessonFivePointFiveInput{border:5px solid #015770;border-radius:5px;padding:15px;position:relative}.LessonFivePointFiveImageContainer{height:250px;margin:0;max-width:290px;overflow-y:scroll;width:40%}.LessonFivePointFiveImageContainer::-webkit-scrollbar{width:8px}.LessonFivePointFiveImageContainer::-webkit-scrollbar-thumb{background:#a0a0a0;border-radius:5px}.LessonFivePointFiveImageContainer .scrollable-image{height:auto;width:100%}.LessonFivePointFiveFeedback{border-radius:8px;font-family:Orelega One,sans-serif;font-size:1.25rem;font-weight:700;margin-top:5px;padding:8px 16px;text-align:center;transition:opacity .3s ease,transform .3s ease}.LessonFivePointFiveFeedback.correct{background-color:#e0f8e0;border:2px solid #237b31;color:#237b31;margin-top:15px}.LessonFivePointFiveFeedback.incorrect{background-color:#ffe6e6;border:2px solid #c94444;color:#662e2e;margin-top:15px}.LessonFivePointFiveNext,.LessonFivePointFiveSubmit{background-color:#e3f0cc;border:5px solid #237b31;border-radius:10px;color:#000;cursor:pointer;font-family:Orelega One,sans-serif;font-size:1.25rem;margin-top:-15px;padding:10px 20px}.LessonFivePointFiveNext:active,.LessonFivePointFiveSubmit:active{background-color:#98c844}.LessonFivePointSix{background-image:url(/static/media/ChemClick_Background_Faded.b9d96dd7b480cb63953c.jpg);background-position:50%;background-size:cover;justify-content:center;min-height:100vh;overflow:hidden;width:100vw}.LessonFivePointSix,.LessonFivePointSixBox{align-items:center;display:flex;flex-direction:column}.LessonFivePointSixBox{height:66vh;width:66vw}.LessonFivePointSixBoxInnercont{align-items:center;background-color:#00d5d7;background-image:url(/static/media/RainbowBackground.dbc06ef03f5cb8d05ce3.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border:5px solid #fff;border-radius:15px;box-shadow:0 4px 10px #01577080;display:flex;flex-direction:column;justify-content:flex-start;margin-right:5%;padding:10px;width:60vw}.LessonFivePointSixBoxTitle{background-color:#fff;border:5px solid #015770;border-radius:5px;margin-bottom:20px;padding:15px;text-align:center;width:100%}.LessonFivePointSixBoxTitle h1{font-family:Orelega One,sans-serif;font-size:1.3rem;font-weight:400}.LessonFivePointSixContent{align-items:center;background-color:#fff;border:5px solid #015770;border-radius:10px;display:flex;flex-direction:column;margin-bottom:20px;max-width:950px;padding:20px 20px 15px;width:100%}.LessonFivePointSixPrompt{color:#0a0a0a;font-family:Orelega One,sans-serif;font-size:1.3rem;font-weight:400;line-height:1.5;margin-bottom:20px;max-width:800px;padding:0 20px;text-align:center}.LessonFivePointSixRow{align-items:flex-start;display:flex;flex-direction:row;gap:20px;justify-content:center;width:100%}.LessonFivePointSixInput{font-family:Orelega One,sans-serif;font-size:1.5rem;margin-top:14px;max-width:400px;overflow:auto;resize:none;text-align:left;width:80%}.LessonFivePointSixImageContainer,.LessonFivePointSixInput{border:5px solid #015770;border-radius:5px;padding:15px;position:relative}.LessonFivePointSixImageContainer{height:250px;margin:0;max-width:290px;overflow-y:scroll;width:40%}.LessonFivePointSixImageContainer::-webkit-scrollbar{width:8px}.LessonFivePointSixImageContainer::-webkit-scrollbar-thumb{background:#a0a0a0;border-radius:5px}.LessonFivePointSixImageContainer .scrollable-image{height:auto;width:100%}.LessonFivePointSixFeedback{border-radius:8px;font-family:Orelega One,sans-serif;font-size:1.25rem;font-weight:700;margin-top:5px;padding:8px 16px;text-align:center;transition:opacity .3s ease,transform .3s ease}.LessonFivePointSixFeedback.correct{background-color:#e0f8e0;border:2px solid #237b31;color:#237b31;margin-top:15px}.LessonFivePointSixFeedback.incorrect{background-color:#ffe6e6;border:2px solid #c94444;color:#662e2e;margin-top:15px}.LessonFivePointSixNext,.LessonFivePointSixSubmit{background-color:#e3f0cc;border:5px solid #237b31;border-radius:10px;color:#000;cursor:pointer;font-family:Orelega One,sans-serif;font-size:1.25rem;margin-top:-15px;padding:10px 20px}.LessonFivePointSixNext:active,.LessonFivePointSixSubmit:active{background-color:#98c844}.LessonFivePointSeven{background-image:url(/static/media/ChemClick_Background_Faded.b9d96dd7b480cb63953c.jpg);background-position:50%;background-size:cover;justify-content:center;min-height:100vh;overflow:hidden;width:100vw}.LessonFivePointSeven,.LessonFivePointSevenBox{align-items:center;display:flex;flex-direction:column}.LessonFivePointSevenBox{height:66vh;width:66vw}.LessonFivePointSevenBoxInnercont{align-items:center;background-color:#00d5d7;background-image:url(/static/media/RainbowBackground.dbc06ef03f5cb8d05ce3.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border:5px solid #fff;border-radius:15px;box-shadow:0 4px 10px #01577080;display:flex;flex-direction:column;justify-content:flex-start;margin-right:5%;padding:10px;width:60vw}.LessonFivePointSevenBoxTitle{background-color:#fff;border:5px solid #015770;border-radius:5px;margin-bottom:20px;padding:15px;text-align:center;width:100%}.LessonFivePointSevenBoxTitle h1{font-family:Orelega One,sans-serif;font-size:1.3rem;font-weight:400}.LessonFivePointSevenContent{align-items:center;background-color:#fff;border:5px solid #015770;border-radius:10px;display:flex;flex-direction:column;margin-bottom:20px;max-width:950px;padding:20px 20px 15px;width:100%}.LessonFivePointSevenPrompt{color:#0a0a0a;font-family:Orelega One,sans-serif;font-size:1.3rem;font-weight:400;line-height:1.5;margin-bottom:20px;max-width:800px;padding:0 20px;text-align:center}.LessonFivePointSevenRow{align-items:flex-start;display:flex;flex-direction:row;gap:20px;justify-content:center;width:100%}.LessonFivePointSevenInput{font-family:Orelega One,sans-serif;font-size:1.5rem;margin-top:14px;max-width:400px;overflow:auto;resize:none;text-align:left;width:80%}.LessonFivePointSevenImageContainer,.LessonFivePointSevenInput{border:5px solid #015770;border-radius:5px;padding:15px;position:relative}.LessonFivePointSevenImageContainer{height:250px;margin:0;max-width:290px;overflow-y:scroll;width:40%}.LessonFivePointSevenImageContainer::-webkit-scrollbar{width:8px}.LessonFivePointSevenImageContainer::-webkit-scrollbar-thumb{background:#a0a0a0;border-radius:5px}.LessonFivePointSevenImageContainer .scrollable-image{height:auto;width:100%}.LessonFivePointSevenFeedback{border-radius:8px;font-family:Orelega One,sans-serif;font-size:1.25rem;font-weight:700;margin-top:5px;padding:8px 16px;text-align:center;transition:opacity .3s ease,transform .3s ease}.LessonFivePointSevenFeedback.correct{background-color:#e0f8e0;border:2px solid #237b31;color:#237b31;margin-top:15px}.LessonFivePointSevenFeedback.incorrect{background-color:#ffe6e6;border:2px solid #c94444;color:#662e2e;margin-top:15px}.LessonFivePointSevenNext,.LessonFivePointSevenSubmit{background-color:#e3f0cc;border:5px solid #237b31;border-radius:10px;color:#000;cursor:pointer;font-family:Orelega One,sans-serif;font-size:1.25rem;margin-top:-15px;padding:10px 20px}.LessonFivePointSevenNext:active,.LessonFivePointSevenSubmit:active{background-color:#98c844}.LessonFivePointEight{background-image:url(/static/media/ChemClick_Background_Faded.b9d96dd7b480cb63953c.jpg);background-position:50%;background-size:cover;justify-content:center;min-height:100vh;overflow:hidden;width:100vw}.LessonFivePointEight,.LessonFivePointEightBox{align-items:center;display:flex;flex-direction:column}.LessonFivePointEightBox{height:66vh;width:66vw}.LessonFivePointEightBoxInnercont{align-items:center;background-color:#00d5d7;background-image:url(/static/media/RainbowBackground.dbc06ef03f5cb8d05ce3.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border:5px solid #fff;border-radius:15px;box-shadow:0 4px 10px #01577080;display:flex;flex-direction:column;justify-content:flex-start;margin-right:5%;padding:10px;width:60vw}.LessonFivePointEightBoxTitle{background-color:#fff;border:5px solid #015770;border-radius:5px;margin-bottom:20px;padding:15px;text-align:center;width:100%}.LessonFivePointEightBoxTitle h1{font-family:Orelega One,sans-serif;font-size:1.3rem;font-weight:400}.LessonFivePointEightContent{align-items:center;background-color:#fff;border:5px solid #015770;border-radius:10px;display:flex;flex-direction:column;margin-bottom:20px;max-width:950px;padding:20px 20px 15px;width:100%}.LessonFivePointEightPrompt{color:#0a0a0a;font-family:Orelega One,sans-serif;font-size:1.3rem;font-weight:400;line-height:1.5;margin-bottom:20px;max-width:800px;padding:0 20px;text-align:center}.LessonFivePointEightRow{align-items:flex-start;display:flex;flex-direction:row;gap:20px;justify-content:center;width:100%}.LessonFivePointEightInput{font-family:Orelega One,sans-serif;font-size:1.5rem;margin-top:14px;max-width:400px;overflow:auto;resize:none;text-align:left;width:80%}.LessonFivePointEightImageContainer,.LessonFivePointEightInput{border:5px solid #015770;border-radius:5px;padding:15px;position:relative}.LessonFivePointEightImageContainer{height:250px;margin:0;max-width:290px;overflow-y:scroll;width:40%}.LessonFivePointEightImageContainer::-webkit-scrollbar{width:8px}.LessonFivePointEightImageContainer::-webkit-scrollbar-thumb{background:#a0a0a0;border-radius:5px}.LessonFivePointEightImageContainer .scrollable-image{height:auto;width:100%}.LessonFivePointEightFeedback{border-radius:8px;font-family:Orelega One,sans-serif;font-size:1.25rem;font-weight:700;margin-top:5px;padding:8px 16px;text-align:center;transition:opacity .3s ease,transform .3s ease}.LessonFivePointEightFeedback.correct{background-color:#e0f8e0;border:2px solid #237b31;color:#237b31;margin-top:15px}.LessonFivePointEightFeedback.incorrect{background-color:#ffe6e6;border:2px solid #c94444;color:#662e2e;margin-top:15px}.LessonFivePointEightNext,.LessonFivePointEightSubmit{background-color:#e3f0cc;border:5px solid #237b31;border-radius:10px;color:#000;cursor:pointer;font-family:Orelega One,sans-serif;font-size:1.25rem;margin-top:-15px;padding:10px 20px}.LessonFivePointEightNext:active,.LessonFivePointEightSubmit:active{background-color:#98c844}.LessonFivePointNine{background-image:url(/static/media/ChemClick_Background_Faded.b9d96dd7b480cb63953c.jpg);background-position:50%;background-size:cover;justify-content:center;min-height:100vh;overflow:hidden;width:100vw}.LessonFivePointNine,.LessonFivePointNineBox{align-items:center;display:flex;flex-direction:column}.LessonFivePointNineBox{height:66vh;width:66vw}.LessonFivePointNineBoxInnercont{align-items:center;background-color:#00d5d7;background-image:url(/static/media/RainbowBackground.dbc06ef03f5cb8d05ce3.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border:5px solid #fff;border-radius:15px;box-shadow:0 4px 10px #01577080;display:flex;flex-direction:column;justify-content:flex-start;margin-right:5%;padding:10px;width:60vw}.LessonFivePointNineBoxTitle{background-color:#fff;border:5px solid #015770;border-radius:5px;margin-bottom:20px;padding:15px;text-align:center;width:100%}.LessonFivePointNineBoxTitle h1{font-family:Orelega One,sans-serif;font-size:1.3rem;font-weight:400}.LessonFivePointNineContent{align-items:center;background-color:#fff;border:5px solid #015770;border-radius:10px;display:flex;flex-direction:column;margin-bottom:20px;max-width:950px;padding:20px 20px 15px;width:100%}.LessonFivePointNinePrompt{color:#0a0a0a;font-family:Orelega One,sans-serif;font-size:1.3rem;font-weight:400;line-height:1.5;margin-bottom:20px;max-width:800px;padding:0 20px;text-align:center}.LessonFivePointNineRow{align-items:flex-start;display:flex;flex-direction:row;gap:20px;justify-content:center;width:100%}.LessonFivePointNineInput{font-family:Orelega One,sans-serif;font-size:1.5rem;margin-top:14px;max-width:400px;overflow:auto;resize:none;text-align:left;width:80%}.LessonFivePointNineImageContainer,.LessonFivePointNineInput{border:5px solid #015770;border-radius:5px;padding:15px;position:relative}.LessonFivePointNineImageContainer{height:250px;margin:0;max-width:290px;overflow-y:scroll;width:40%}.LessonFivePointNineImageContainer::-webkit-scrollbar{width:8px}.LessonFivePointNineImageContainer::-webkit-scrollbar-thumb{background:#a0a0a0;border-radius:5px}.LessonFivePointNineImageContainer .scrollable-image{height:auto;width:100%}.LessonFivePointNineFeedback{border-radius:8px;font-family:Orelega One,sans-serif;font-size:1.25rem;font-weight:700;margin-top:5px;padding:8px 16px;text-align:center;transition:opacity .3s ease,transform .3s ease}.LessonFivePointNineFeedback.correct{background-color:#e0f8e0;border:2px solid #237b31;color:#237b31;margin-top:15px}.LessonFivePointNineFeedback.incorrect{background-color:#ffe6e6;border:2px solid #c94444;color:#662e2e;margin-top:15px}.LessonFivePointNineNext,.LessonFivePointNineSubmit{background-color:#e3f0cc;border:5px solid #237b31;border-radius:10px;color:#000;cursor:pointer;font-family:Orelega One,sans-serif;font-size:1.25rem;margin-top:-15px;padding:10px 20px}.LessonFivePointNineNext:active,.LessonFivePointNineSubmit:active{background-color:#98c844}.LessonFivePointTen{background-image:url(/static/media/ChemClick_Background_Faded.b9d96dd7b480cb63953c.jpg);background-position:50%;background-size:cover;justify-content:center;min-height:100vh;overflow:hidden;width:100vw}.LessonFivePointTen,.LessonFivePointTenBox{align-items:center;display:flex;flex-direction:column}.LessonFivePointTenBox{height:66vh;width:66vw}.LessonFivePointTenBoxInnercont{align-items:center;background-color:#00d5d7;background-image:url(/static/media/RainbowBackground.dbc06ef03f5cb8d05ce3.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border:5px solid #fff;border-radius:15px;box-shadow:0 4px 10px #01577080;display:flex;flex-direction:column;justify-content:flex-start;margin-right:5%;padding:10px;width:60vw}.LessonFivePointTenBoxTitle{background-color:#fff;border:5px solid #015770;border-radius:5px;margin-bottom:20px;padding:15px;text-align:center;width:100%}.LessonFivePointTenBoxTitle h1{font-family:Orelega One,sans-serif;font-size:1.3rem;font-weight:400}.LessonFivePointTenContent{align-items:center;background-color:#fff;border:5px solid #015770;border-radius:10px;display:flex;flex-direction:column;margin-bottom:20px;max-width:950px;padding:20px 20px 15px;width:100%}.LessonFivePointTenPrompt{color:#0a0a0a;font-family:Orelega One,sans-serif;font-size:1.3rem;font-weight:400;line-height:1.5;margin-bottom:20px;max-width:800px;padding:0 20px;text-align:center}.LessonFivePointTenRow{align-items:flex-start;display:flex;flex-direction:row;gap:20px;justify-content:center;width:100%}.LessonFivePointTenInput{font-family:Orelega One,sans-serif;font-size:1.5rem;margin-top:14px;max-width:400px;overflow:auto;resize:none;text-align:left;width:80%}.LessonFivePointTenImageContainer,.LessonFivePointTenInput{border:5px solid #015770;border-radius:5px;padding:15px;position:relative}.LessonFivePointTenImageContainer{height:250px;margin:0;max-width:290px;overflow-y:scroll;width:40%}.LessonFivePointTenImageContainer::-webkit-scrollbar{width:8px}.LessonFivePointTenImageContainer::-webkit-scrollbar-thumb{background:#a0a0a0;border-radius:5px}.LessonFivePointTenImageContainer .scrollable-image{height:auto;width:100%}.LessonFivePointTenFeedback{border-radius:8px;font-family:Orelega One,sans-serif;font-size:1.25rem;font-weight:700;margin-top:5px;padding:8px 16px;text-align:center;transition:opacity .3s ease,transform .3s ease}.LessonFivePointTenFeedback.correct{background-color:#e0f8e0;border:2px solid #237b31;color:#237b31;margin-top:15px}.LessonFivePointTenFeedback.incorrect{background-color:#ffe6e6;border:2px solid #c94444;color:#662e2e;margin-top:15px}.LessonFivePointTenNext,.LessonFivePointTenSubmit{background-color:#e3f0cc;border:5px solid #237b31;border-radius:10px;color:#000;cursor:pointer;font-family:Orelega One,sans-serif;font-size:1.25rem;margin-top:-15px;padding:10px 20px}.LessonFivePointTenNext:active,.LessonFivePointTenSubmit:active{background-color:#98c844}.LessonFivePointEleven{background-image:url(/static/media/ChemClick_Background_Faded.b9d96dd7b480cb63953c.jpg);background-position:50%;background-size:cover;justify-content:center;min-height:100vh;overflow:hidden;width:100vw}.LessonFivePointEleven,.LessonFivePointElevenBox{align-items:center;display:flex;flex-direction:column}.LessonFivePointElevenBox{height:66vh;width:66vw}.LessonFivePointElevenBoxInnercont{align-items:center;background-color:#00d5d7;background-image:url(/static/media/RainbowBackground.dbc06ef03f5cb8d05ce3.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border:5px solid #fff;border-radius:15px;box-shadow:0 4px 10px #01577080;display:flex;flex-direction:column;justify-content:flex-start;margin-right:5%;padding:10px;width:60vw}.LessonFivePointElevenBoxTitle{background-color:#fff;border:5px solid #015770;border-radius:5px;margin-bottom:20px;padding:15px;text-align:center;width:100%}.LessonFivePointElevenBoxTitle h1{font-family:Orelega One,sans-serif;font-size:1.3rem;font-weight:400}.LessonFivePointElevenContent{align-items:center;background-color:#fff;border:5px solid #015770;border-radius:10px;display:flex;flex-direction:column;margin-bottom:20px;max-width:950px;padding:20px 20px 15px;width:100%}.LessonFivePointElevenPrompt{color:#0a0a0a;font-family:Orelega One,sans-serif;font-size:1.3rem;font-weight:400;line-height:1.5;margin-bottom:20px;max-width:800px;padding:0 20px;text-align:center}.LessonFivePointElevenRow{align-items:flex-start;display:flex;flex-direction:row;gap:20px;justify-content:center;width:100%}.LessonFivePointElevenInput{border:5px solid #015770;border-radius:5px;font-family:Orelega One,sans-serif;font-size:1.5rem;margin-top:14px;max-width:400px;overflow:auto;padding:15px;position:relative;resize:none;text-align:left;width:80%}.LessonFivePointElevenImageSelector{align-items:center;display:flex;flex-direction:column}.LessonFivePointElevenArrows{display:flex;justify-content:center;width:100%}.LessonFivePointElevenImageContainer{border:5px solid #015770;border-radius:5px;height:200px;margin:0;max-width:290px;overflow-y:scroll;padding:15px;position:relative;transition:background-color .3s ease,transform .2s ease;width:100%}.LessonFivePointElevenImageContainer::-webkit-scrollbar{width:8px}.LessonFivePointElevenImageContainer::-webkit-scrollbar-thumb{background:#a0a0a0;border-radius:5px}.LessonFivePointElevenImageContainer .scrollable-image{height:auto;width:100%}.LessonFivePointElevenFeedback{border-radius:8px;font-family:Orelega One,sans-serif;font-size:1.25rem;font-weight:700;margin-top:5px;padding:8px 16px;text-align:center;transition:opacity .3s ease,transform .3s ease}.LessonFivePointElevenFeedback.correct{background-color:#e0f8e0;border:2px solid #237b31;color:#237b31;margin-top:15px}.LessonFivePointElevenFeedback.incorrect{background-color:#ffe6e6;border:2px solid #c94444;color:#662e2e;margin-top:15px}.LessonFivePointElevenFeedback.image-feedback{background-color:#e0f0ff;border:2px solid #005bb5;color:#036;margin-top:15px}.LessonFivePointElevenNext,.LessonFivePointElevenSubmit{background-color:#e3f0cc;border:5px solid #237b31;border-radius:10px;color:#000;cursor:pointer;font-family:Orelega One,sans-serif;font-size:1.25rem;margin-top:-15px;padding:10px 20px}.LessonFivePointElevenNext:active,.LessonFivePointElevenSubmit:active{background-color:#98c844}.LessonFivePointTwelve{background-image:url(/static/media/ChemClick_Background_Faded.b9d96dd7b480cb63953c.jpg);background-position:50%;background-size:cover;justify-content:center;min-height:100vh;overflow:hidden;width:100vw}.LessonFivePointTwelve,.LessonFivePointTwelveBox{align-items:center;display:flex;flex-direction:column}.LessonFivePointTwelveBox{height:66vh;width:66vw}.LessonFivePointTwelveBoxInnercont{align-items:center;background-color:#00d5d7;background-image:url(/static/media/RainbowBackground.dbc06ef03f5cb8d05ce3.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border:5px solid #fff;border-radius:15px;box-shadow:0 4px 10px #01577080;display:flex;flex-direction:column;justify-content:flex-start;margin-right:5%;padding:10px;width:60vw}.LessonFivePointTwelveBoxTitle{background-color:#fff;border:5px solid #015770;border-radius:5px;margin-bottom:20px;padding:15px;text-align:center;width:100%}.LessonFivePointTwelveBoxTitle h1{font-family:Orelega One,sans-serif;font-size:1.3rem;font-weight:400}.LessonFivePointTwelveContent{align-items:center;background-color:#fff;border:5px solid #015770;border-radius:10px;display:flex;flex-direction:column;margin-bottom:20px;max-width:950px;padding:20px 20px 15px;width:100%}.LessonFivePointTwelvePrompt{color:#0a0a0a;font-family:Orelega One,sans-serif;font-size:1.3rem;font-weight:400;line-height:1.5;margin-bottom:20px;max-width:800px;padding:0 20px;text-align:center}.LessonFivePointTwelveRow{align-items:flex-start;display:flex;flex-direction:row;gap:20px;justify-content:center;width:100%}.LessonFivePointTwelveInput{border:5px solid #015770;border-radius:5px;font-family:Orelega One,sans-serif;font-size:1.5rem;margin-top:14px;max-width:400px;overflow:auto;padding:15px;position:relative;resize:none;text-align:left;width:80%}.LessonFivePointTwelveImageSelector{align-items:center;display:flex;flex-direction:column}.LessonFivePointTwelveArrows{display:flex;justify-content:center;width:100%}.LessonFiveArrowLeft,.LessonFiveArrowRight{all:unset;background-color:#fffc;border:3px solid #015770;border-radius:10px;color:#015770;cursor:pointer;font-size:24px;font-weight:700;margin:3px;padding-left:5%;padding-right:5%}.LessonFivePointTwelveImageContainer{border:5px solid #015770;border-radius:5px;height:200px;margin:0;max-width:290px;overflow-y:scroll;padding:15px;position:relative;transition:background-color .3s ease,transform .2s ease;width:100%}.LessonFiveArrowLeft:hover,.LessonFiveArrowRight:hover{background-color:#00d3d785;color:#fff}.LessonFiveArrowLeft:active,.LessonFiveArrowRight:active{background-color:#d3f6f7;transform:scale(.95)}.LessonFivePointTwelveImageContainer::-webkit-scrollbar{width:8px}.LessonFivePointTwelveImageContainer::-webkit-scrollbar-thumb{background:#a0a0a0;border-radius:5px}.LessonFivePointTwelveImageContainer .scrollable-image{height:auto;width:100%}.LessonFivePointTwelveFeedback{border-radius:8px;font-family:Orelega One,sans-serif;font-size:1.25rem;font-weight:700;margin-top:5px;padding:8px 16px;text-align:center;transition:opacity .3s ease,transform .3s ease}.LessonFivePointTwelveFeedback.correct{background-color:#e0f8e0;border:2px solid #237b31;color:#237b31;margin-top:15px}.LessonFivePointTwelveFeedback.incorrect{background-color:#ffe6e6;border:2px solid #c94444;color:#662e2e;margin-top:15px}.LessonFivePointTwelveFeedback.image-feedback{background-color:#e0f0ff;border:2px solid #005bb5;color:#036;margin-top:15px}.LessonFivePointTwelveNext,.LessonFivePointTwelveSubmit{background-color:#e3f0cc;border:5px solid #237b31;border-radius:10px;color:#000;cursor:pointer;font-family:Orelega One,sans-serif;font-size:1.25rem;margin-top:-15px;padding:10px 20px}.LessonFivePointTwelveNext:active,.LessonFivePointTwelveSubmit:active{background-color:#98c844}.LessonSixPointOne{background-image:url(/static/media/ChemClick_Background_Faded.b9d96dd7b480cb63953c.jpg);background-position:50%;background-size:cover;justify-content:center;min-height:100vh;overflow:hidden;width:100vw}.LessonSixPointOne,.LessonSixPointOneBox{align-items:center;display:flex;flex-direction:column}.LessonSixPointOneBox{height:77vh;width:66vw}.LessonSixPointOneBoxInnercont{align-items:center;background-color:#00d5d7;background-image:url(/static/media/RainbowBackground.dbc06ef03f5cb8d05ce3.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border:5px solid #fff;border-radius:15px;box-shadow:0 4px 10px #01577080;display:flex;flex-direction:column;justify-content:flex-start;margin-right:5%;overflow:scroll;padding:10px;width:60vw}.LessonSixPointOneBoxTitle{background-color:#fff;border:5px solid #015770;border-radius:5px;margin-bottom:20px;padding:15px;text-align:center;width:100%}.LessonSixPointOneBoxTitle h1{font-family:Orelega One,sans-serif;font-size:1.3rem;font-weight:400}.LessonSixPointOneContent{align-items:center;background-color:#fff;border:5px solid #015770;border-radius:10px;display:flex;flex-direction:column;margin-bottom:20px;max-width:950px;padding:20px 20px 15px;width:100%}.LessonSixPointOnePrompt{color:#0a0a0a;font-family:Orelega One,sans-serif;font-size:1.3rem;font-weight:400;line-height:1.5;margin-bottom:20px;max-width:800px;padding:0 20px;text-align:center}.LessonSixPointOneRow{align-items:flex-start;display:flex;flex-direction:row;gap:20px;justify-content:center;width:100%}.LessonSixPointOneInput{border:5px solid #015770;border-radius:5px;display:flex;height:100%;margin:0;max-width:400px;overflow-y:scroll;padding:15px;position:relative;transition:background-color .3s ease,transform .2s ease;width:80%}.LessonSixPointOneImageSelector{align-items:center;display:flex;flex-direction:column}.LessonSixPointOneArrows{display:flex;justify-content:center;width:100%}.LessonSixArrowLeft,.LessonSixArrowRight{all:unset;background-color:#fffc;border:3px solid #015770;border-radius:10px;color:#015770;cursor:pointer;font-size:24px;font-weight:700;margin:3px;padding-left:5%;padding-right:5%}.LessonSixPointOneImageContainer{border:5px solid #015770;border-radius:5px;margin:0;max-width:290px;padding:15px;position:relative;transition:background-color .3s ease,transform .2s ease;width:100%}.LessonSixArrowLeft:hover,.LessonSixArrowRight:hover{background-color:#00d3d785;color:#fff}.LessonSixArrowLeft:active,.LessonSixArrowRight:active{background-color:#d3f6f7;transform:scale(.95)}.LessonSixPointOneImageContainer::-webkit-scrollbar{width:8px}.LessonSixPointOneImageContainer::-webkit-scrollbar-thumb{background:#a0a0a0;border-radius:5px}.LessonSixPointOneImageContainer .scrollable-image{height:auto;width:100%}.LessonSixPointOneFeedback{border-radius:8px;font-family:Orelega One,sans-serif;font-size:1.25rem;font-weight:700;margin-top:5px;padding:8px 16px;text-align:center;transition:opacity .3s ease,transform .3s ease}.LessonSixPointOneFeedback.correct{background-color:#e0f8e0;border:2px solid #237b31;color:#237b31;margin-top:15px}.LessonSixPointOneFeedback.incorrect{background-color:#ffe6e6;border:2px solid #c94444;color:#662e2e;margin-top:15px}.LessonSixPointOneFeedback.image-feedback{background-color:#e0f0ff;border:2px solid #005bb5;color:#036;margin-top:15px}.LessonSixPointOneNext,.LessonSixPointOneSubmit{background-color:#e3f0cc;border:5px solid #237b31;border-radius:10px;color:#000;cursor:pointer;font-family:Orelega One,sans-serif;font-size:1.25rem;margin-top:-15px;padding:10px 20px}.LessonSixPointOneNext:active,.LessonSixPointOneSubmit:active{background-color:#98c844}.LessonSix-bohr-model-container{font-family:Orelega One,sans-serif;height:80%;text-align:center;width:100%}.LessonSix-bohr-model{align-items:center;display:flex;font-size:1.2em;height:45vh;justify-content:center;margin:20px auto;position:relative}.LessonSix-electron-shell.glow{box-shadow:0 0 15px 10px #00ffffb3}.LessonSix-electron-shell{align-items:center;border:1px solid #000;border-radius:50%;display:flex;justify-content:center;position:absolute}.electron{background:radial-gradient(circle at 30% 30%,#f99,#c00);box-shadow:0 0 8px #f00c,3px 3px 6px #00000080,inset -2px -2px 4px #0009,inset 2px 2px 4px #fff6;filter:brightness(1.4) saturate(1.5);height:15px;transition:transform .2s ease-in-out;width:15px}.electron,.nucleus{border-radius:50%;position:absolute}.nucleus{background:radial-gradient(circle at 30% 30%,#9ff,#09c);box-shadow:0 0 12px #0ffc,4px 4px 6px #0009,inset -3px -3px 6px #000000b3,inset 3px 3px 6px #fff6;filter:brightness(1.1) saturate(1.5);height:30px;width:30px;z-index:2}.LessonSevenPointOne{background-image:url(/static/media/ChemClick_Background_Faded.b9d96dd7b480cb63953c.jpg);background-position:50%;background-size:cover;justify-content:center;min-height:100vh;overflow:hidden;width:100vw}.LessonSevenPointOne,.LessonSevenPointOneBox{align-items:center;display:flex;flex-direction:column}.LessonSevenPointOneBox{height:66vh;width:66vw}.LessonSevenPointOneBoxInnercont{align-items:center;background-color:#00d5d7;background-image:url(/static/media/RainbowBackground.dbc06ef03f5cb8d05ce3.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border:5px solid #fff;border-radius:15px;box-shadow:0 4px 10px #01577080;display:flex;flex-direction:column;justify-content:flex-start;margin-right:5%;padding:10px;width:60vw}.LessonSevenPointOneBoxTitle{background-color:#fff;border:5px solid #015770;border-radius:5px;margin-bottom:20px;padding:15px;text-align:center;width:100%}.LessonSevenPointOneBoxTitle h1{font-family:Orelega One,sans-serif;font-size:1.3rem;font-weight:400}.LessonSevenPointOneContent{align-items:center;background-color:#fff;border:5px solid #015770;border-radius:10px;display:flex;flex-direction:column;margin-bottom:20px;max-width:950px;padding:20px 20px 15px;width:100%}.LessonSevenPointOnePrompt{color:#0a0a0a;font-family:Orelega One,sans-serif;font-size:1.3rem;font-weight:400;line-height:1.5;margin-bottom:20px;max-width:800px;padding:0 20px;text-align:center}.LessonSevenPointOneRow{align-items:flex-start;display:flex;flex-direction:row;gap:20px;justify-content:center;width:100%}.LessonSevenPointOneInput{font-family:Orelega One,sans-serif;font-size:1.3rem;max-width:340px;overflow:auto;resize:none;text-align:left;width:100%}.LessonSevenPointOneImageContainer,.LessonSevenPointOneInput{border:5px solid #015770;border-radius:5px;height:250px;padding:15px;position:relative}.LessonSevenPointOneImageContainer{margin:0;max-width:700px;overflow-y:scroll;width:80%}.LessonSevenPointOneImageContainer::-webkit-scrollbar{width:8px}.LessonSevenPointOneImageContainer::-webkit-scrollbar-thumb{background:#a0a0a0;border-radius:5px}.LessonSevenPointOneImageContainer .scrollable-image{height:auto;width:100%}.LessonSevenPointOneFeedback{border-radius:8px;font-family:Orelega One,sans-serif;font-size:1.25rem;font-weight:700;margin-top:5px;padding:8px 16px;text-align:center;transition:opacity .3s ease,transform .3s ease}.LessonSevenPointOneFeedback.correct{background-color:#e0f8e0;border:2px solid #237b31;color:#237b31;margin-top:15px}.LessonSevenPointOneFeedback.incorrect{background-color:#ffe6e6;border:2px solid #c94444;color:#662e2e;margin-top:15px}.LessonSevenPointOneNext,.LessonSevenPointOneSubmit{background-color:#e3f0cc;border:5px solid #237b31;border-radius:10px;color:#000;cursor:pointer;font-family:Orelega One,sans-serif;font-size:1.25rem;margin-top:-15px;padding:10px 20px}.LessonSevenPointOneNext:active,.LessonSevenPointOneSubmit:active{background-color:#98c844}.LessonSevenPointTwo{background-image:url(/static/media/ChemClick_Background_Faded.b9d96dd7b480cb63953c.jpg);background-position:50%;background-size:cover;justify-content:center;min-height:100vh;overflow:hidden;width:100vw}.LessonSevenPointTwo,.LessonSevenPointTwoBox{align-items:center;display:flex;flex-direction:column}.LessonSevenPointTwoBox{height:66vh;width:66vw}.LessonSevenPointTwoBoxInnercont{align-items:center;background-color:#00d5d7;background-image:url(/static/media/RainbowBackground.dbc06ef03f5cb8d05ce3.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border:5px solid #fff;border-radius:15px;box-shadow:0 4px 10px #01577080;display:flex;flex-direction:column;justify-content:flex-start;margin-right:5%;padding:10px;width:60vw}.LessonSevenPointTwoBoxTitle{background-color:#fff;border:5px solid #015770;border-radius:5px;margin-bottom:20px;padding:15px;text-align:center;width:100%}.LessonSevenPointTwoBoxTitle h1{font-family:Orelega One,sans-serif;font-size:1.3rem;font-weight:400}.LessonSevenPointTwoContent{align-items:center;background-color:#fff;border:5px solid #015770;border-radius:10px;display:flex;flex-direction:column;margin-bottom:20px;max-width:950px;padding:20px 20px 15px;width:100%}.LessonSevenPointTwoPrompt{color:#0a0a0a;font-family:Orelega One,sans-serif;font-size:1.3rem;font-weight:400;line-height:1.5;margin-bottom:20px;max-width:1000px;padding:0 20px;text-align:center}.LessonSevenPointTwoRow{align-items:flex-start;display:flex;flex-direction:row;gap:20px;justify-content:center;width:100%}.LessonSevenPointTwoInput{font-family:Orelega One,sans-serif;font-size:1.3rem;max-width:340px;overflow:auto;resize:none;text-align:left;width:100%}.LessonSevenPointTwoImageContainer,.LessonSevenPointTwoInput{border:5px solid #015770;border-radius:5px;height:250px;padding:15px;position:relative}.LessonSevenPointTwoImageContainer{margin:0;max-width:700px;overflow-y:scroll;width:80%}.LessonSevenPointTwoImageContainer::-webkit-scrollbar{width:8px}.LessonSevenPointTwoImageContainer::-webkit-scrollbar-thumb{background:#a0a0a0;border-radius:5px}.LessonSevenPointTwoImageContainer .scrollable-image{height:auto;width:100%}.LessonSevenPointTwoFeedback{border-radius:8px;font-family:Orelega One,sans-serif;font-size:1.25rem;font-weight:700;margin-top:5px;padding:8px 16px;text-align:center;transition:opacity .3s ease,transform .3s ease}.LessonSevenPointTwoFeedback.correct{background-color:#e0f8e0;border:2px solid #237b31;color:#237b31;margin-top:15px}.LessonSevenPointTwoFeedback.incorrect{background-color:#ffe6e6;border:2px solid #c94444;color:#662e2e;margin-top:15px}.LessonSevenPointTwoNext,.LessonSevenPointTwoSubmit{background-color:#e3f0cc;border:5px solid #237b31;border-radius:10px;color:#000;cursor:pointer;font-family:Orelega One,sans-serif;font-size:1.25rem;margin-top:-15px;padding:10px 20px}.LessonSevenPointTwoNext:active,.LessonSevenPointTwoSubmit:active{background-color:#98c844}.LessonSevenPointThree{background-image:url(/static/media/ChemClick_Background_Faded.b9d96dd7b480cb63953c.jpg);background-position:50%;background-size:cover;justify-content:center;min-height:100vh;overflow:hidden;width:100vw}.LessonSevenPointThree,.LessonSevenPointThreeBox{align-items:center;display:flex;flex-direction:column}.LessonSevenPointThreeBox{height:66vh;width:66vw}.LessonSevenPointThreeBoxInnercont{align-items:center;background-color:#00d5d7;background-image:url(/static/media/RainbowBackground.dbc06ef03f5cb8d05ce3.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border:5px solid #fff;border-radius:15px;box-shadow:0 4px 10px #01577080;display:flex;flex-direction:column;justify-content:flex-start;margin-right:5%;padding:10px;width:60vw}.LessonSevenPointThreeBoxTitle{background-color:#fff;border:5px solid #015770;border-radius:5px;margin-bottom:20px;padding:15px;text-align:center;width:100%}.LessonSevenPointThreeBoxTitle h1{font-family:Orelega One,sans-serif;font-size:1.3rem;font-weight:400}.LessonSevenPointThreeContent{align-items:center;background-color:#fff;border:5px solid #015770;border-radius:10px;display:flex;flex-direction:column;margin-bottom:20px;max-width:950px;padding:20px 20px 15px;width:100%}.LessonSevenPointThreePrompt{color:#0a0a0a;font-family:Orelega One,sans-serif;font-size:1.3rem;font-weight:400;line-height:1.5;margin-bottom:20px;max-width:800px;padding:0 20px;text-align:center}.LessonSevenPointThreeRow{align-items:flex-start;display:flex;flex-direction:row;gap:20px;justify-content:center;width:100%}.LessonSevenPointThreeInput{font-family:Orelega One,sans-serif;font-size:1.3rem;max-width:340px;overflow:auto;resize:none;text-align:left;width:100%}.LessonSevenPointThreeImageContainer,.LessonSevenPointThreeInput{border:5px solid #015770;border-radius:5px;height:250px;padding:15px;position:relative}.LessonSevenPointThreeImageContainer{margin:0;max-width:700px;overflow-y:scroll;width:80%}.LessonSevenPointThreeImageContainer::-webkit-scrollbar{width:8px}.LessonSevenPointThreeImageContainer::-webkit-scrollbar-thumb{background:#a0a0a0;border-radius:5px}.LessonSevenPointThreeImageContainer .scrollable-image{height:auto;width:100%}.LessonSevenPointThreeFeedback{border-radius:8px;font-family:Orelega One,sans-serif;font-size:1.25rem;font-weight:700;margin-top:5px;padding:8px 16px;text-align:center;transition:opacity .3s ease,transform .3s ease}.LessonSevenPointThreeFeedback.correct{background-color:#e0f8e0;border:2px solid #237b31;color:#237b31;margin-top:15px}.LessonSevenPointThreeFeedback.incorrect{background-color:#ffe6e6;border:2px solid #c94444;color:#662e2e;margin-top:15px}.LessonSevenPointThreeNext,.LessonSevenPointThreeSubmit{background-color:#e3f0cc;border:5px solid #237b31;border-radius:10px;color:#000;cursor:pointer;font-family:Orelega One,sans-serif;font-size:1.25rem;margin-top:-15px;padding:10px 20px}.LessonSevenPointThreeNext:active,.LessonSevenPointThreeSubmit:active{background-color:#98c844}.LessonSevenPointFour{background-image:url(/static/media/ChemClick_Background_Faded.b9d96dd7b480cb63953c.jpg);background-position:50%;background-size:cover;justify-content:center;min-height:100vh;overflow:hidden;width:100vw}.LessonSevenPointFour,.LessonSevenPointFourBox{align-items:center;display:flex;flex-direction:column}.LessonSevenPointFourBox{height:66vh;width:66vw}.LessonSevenPointFourBoxInnercont{align-items:center;background-color:#00d5d7;background-image:url(/static/media/RainbowBackground.dbc06ef03f5cb8d05ce3.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border:5px solid #fff;border-radius:15px;box-shadow:0 4px 10px #01577080;display:flex;flex-direction:column;justify-content:flex-start;margin-right:5%;padding:10px;width:60vw}.LessonSevenPointFourBoxTitle{background-color:#fff;border:5px solid #015770;border-radius:5px;margin-bottom:20px;padding:15px;text-align:center;width:100%}.LessonSevenPointFourBoxTitle h1{font-family:Orelega One,sans-serif;font-size:1.3rem;font-weight:400}.LessonSevenPointFourContent{align-items:center;background-color:#fff;border:5px solid #015770;border-radius:10px;display:flex;flex-direction:column;margin-bottom:20px;max-width:950px;padding:20px 20px 15px;width:100%}.LessonSevenPointFourPrompt{color:#0a0a0a;font-family:Orelega One,sans-serif;font-size:1.3rem;font-weight:400;line-height:1.5;margin-bottom:20px;max-width:1000px;padding:0 20px;text-align:center}.LessonSevenPointFourRow{align-items:flex-start;display:flex;flex-direction:row;gap:20px;justify-content:center;width:100%}.LessonSevenPointFourInput{font-family:Orelega One,sans-serif;font-size:1.3rem;max-width:340px;overflow:auto;resize:none;text-align:left;width:100%}.LessonSevenPointFourImageContainer,.LessonSevenPointFourInput{border:5px solid #015770;border-radius:5px;height:250px;padding:15px;position:relative}.LessonSevenPointFourImageContainer{margin:0;max-width:700px;overflow-y:scroll;width:80%}.LessonSevenPointFourImageContainer::-webkit-scrollbar{width:8px}.LessonSevenPointFourImageContainer::-webkit-scrollbar-thumb{background:#a0a0a0;border-radius:5px}.LessonSevenPointFourImageContainer .scrollable-image{height:auto;width:100%}.LessonSevenPointFourFeedback{border-radius:8px;font-family:Orelega One,sans-serif;font-size:1.25rem;font-weight:700;margin-top:5px;padding:8px 16px;text-align:center;transition:opacity .3s ease,transform .3s ease}.LessonSevenPointFourFeedback.correct{background-color:#e0f8e0;border:2px solid #237b31;color:#237b31;margin-top:15px}.LessonSevenPointFourFeedback.incorrect{background-color:#ffe6e6;border:2px solid #c94444;color:#662e2e;margin-top:15px}.LessonSevenPointFourNext,.LessonSevenPointFourSubmit{background-color:#e3f0cc;border:5px solid #237b31;border-radius:10px;color:#000;cursor:pointer;font-family:Orelega One,sans-serif;font-size:1.25rem;margin-top:-15px;padding:10px 20px}.LessonSevenPointFourNext:active,.LessonSevenPointFourSubmit:active{background-color:#98c844}.LessonSevenPointFive{background-image:url(/static/media/ChemClick_Background_Faded.b9d96dd7b480cb63953c.jpg);background-position:50%;background-size:cover;justify-content:center;min-height:100vh;overflow:hidden;width:100vw}.LessonSevenPointFive,.LessonSevenPointFiveBox{align-items:center;display:flex;flex-direction:column}.LessonSevenPointFiveBox{height:66vh;width:66vw}.LessonSevenPointFiveBoxInnercont{align-items:center;background-color:#00d5d7;background-image:url(/static/media/RainbowBackground.dbc06ef03f5cb8d05ce3.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border:5px solid #fff;border-radius:15px;box-shadow:0 4px 10px #01577080;display:flex;flex-direction:column;justify-content:flex-start;margin-right:5%;padding:10px;width:60vw}.LessonSevenPointFiveBoxTitle{background-color:#fff;border:5px solid #015770;border-radius:5px;margin-bottom:20px;padding:15px;text-align:center;width:100%}.LessonSevenPointFiveBoxTitle h1{font-family:Orelega One,sans-serif;font-size:1.3rem;font-weight:400}.LessonSevenPointFiveContent{align-items:center;background-color:#fff;border:5px solid #015770;border-radius:10px;display:flex;flex-direction:column;margin-bottom:20px;max-width:950px;padding:20px 20px 15px;width:100%}.LessonSevenPointFivePrompt{color:#0a0a0a;font-family:Orelega One,sans-serif;font-size:1.3rem;font-weight:400;line-height:1.5;margin-bottom:20px;max-width:1000px;padding:0 20px;text-align:center}.LessonSevenPointFiveRow{align-items:flex-start;display:flex;flex-direction:row;gap:20px;justify-content:center;width:100%}.LessonSevenPointFiveInput{font-family:Orelega One,sans-serif;font-size:1.3rem;max-width:340px;overflow:auto;resize:none;text-align:left;width:100%}.LessonSevenPointFiveImageContainer,.LessonSevenPointFiveInput{border:5px solid #015770;border-radius:5px;height:250px;padding:15px;position:relative}.LessonSevenPointFiveImageContainer{margin:0;max-width:700px;overflow-y:scroll;width:80%}.LessonSevenPointFiveImageContainer::-webkit-scrollbar{width:8px}.LessonSevenPointFiveImageContainer::-webkit-scrollbar-thumb{background:#a0a0a0;border-radius:5px}.LessonSevenPointFiveImageContainer .scrollable-image{height:auto;width:100%}.LessonSevenPointFiveFeedback{border-radius:8px;font-family:Orelega One,sans-serif;font-size:1.25rem;font-weight:700;margin-top:5px;padding:8px 16px;text-align:center;transition:opacity .3s ease,transform .3s ease}.LessonSevenPointFiveFeedback.correct{background-color:#e0f8e0;border:2px solid #237b31;color:#237b31;margin-top:15px}.LessonSevenPointFiveFeedback.incorrect{background-color:#ffe6e6;border:2px solid #c94444;color:#662e2e;margin-top:15px}.LessonSevenPointFiveNext,.LessonSevenPointFiveSubmit{background-color:#e3f0cc;border:5px solid #237b31;border-radius:10px;color:#000;cursor:pointer;font-family:Orelega One,sans-serif;font-size:1.25rem;margin-top:-15px;padding:10px 20px}.LessonSevenPointFiveNext:active,.LessonSevenPointFiveSubmit:active{background-color:#98c844}.LessonSevenPointSix{background-image:url(/static/media/ChemClick_Background_Faded.b9d96dd7b480cb63953c.jpg);background-position:50%;background-size:cover;justify-content:center;min-height:100vh;overflow:hidden;width:100vw}.LessonSevenPointSix,.LessonSevenPointSixBox{align-items:center;display:flex;flex-direction:column}.LessonSevenPointSixBox{height:66vh;width:66vw}.LessonSevenPointSixBoxInnercont{align-items:center;background-color:#00d5d7;background-image:url(/static/media/RainbowBackground.dbc06ef03f5cb8d05ce3.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border:5px solid #fff;border-radius:15px;box-shadow:0 4px 10px #01577080;display:flex;flex-direction:column;justify-content:flex-start;margin-right:5%;padding:10px;width:60vw}.LessonSevenPointSixBoxTitle{background-color:#fff;border:5px solid #015770;border-radius:5px;margin-bottom:20px;padding:15px;text-align:center;width:100%}.LessonSevenPointSixBoxTitle h1{font-family:Orelega One,sans-serif;font-size:1.3rem;font-weight:400}.LessonSevenPointSixContent{align-items:center;background-color:#fff;border:5px solid #015770;border-radius:10px;display:flex;flex-direction:column;margin-bottom:20px;max-width:950px;padding:20px 20px 15px;width:100%}.LessonSevenPointSixPrompt{color:#0a0a0a;font-family:Orelega One,sans-serif;font-size:1.3rem;font-weight:400;line-height:1.5;margin-bottom:20px;max-width:1000px;padding:0 20px;text-align:center}.LessonSevenPointSixRow{align-items:flex-start;display:flex;flex-direction:row;gap:20px;justify-content:center;width:100%}.LessonSevenPointSixInput{font-family:Orelega One,sans-serif;font-size:1.3rem;max-width:340px;overflow:auto;resize:none;text-align:left;width:100%}.LessonSevenPointSixImageContainer,.LessonSevenPointSixInput{border:5px solid #015770;border-radius:5px;height:250px;padding:15px;position:relative}.LessonSevenPointSixImageContainer{margin:0;max-width:700px;overflow-y:scroll;width:80%}.LessonSevenPointSixImageContainer::-webkit-scrollbar{width:8px}.LessonSevenPointSixImageContainer::-webkit-scrollbar-thumb{background:#a0a0a0;border-radius:5px}.LessonSevenPointSixImageContainer .scrollable-image{height:auto;width:100%}.LessonSevenPointSixFeedback{border-radius:8px;font-family:Orelega One,sans-serif;font-size:1.25rem;font-weight:700;margin-top:5px;padding:8px 16px;text-align:center;transition:opacity .3s ease,transform .3s ease}.LessonSevenPointSixFeedback.correct{background-color:#e0f8e0;border:2px solid #237b31;color:#237b31;margin-top:15px}.LessonSevenPointSixFeedback.incorrect{background-color:#ffe6e6;border:2px solid #c94444;color:#662e2e;margin-top:15px}.LessonSevenPointSixNext,.LessonSevenPointSixSubmit{background-color:#e3f0cc;border:5px solid #237b31;border-radius:10px;color:#000;cursor:pointer;font-family:Orelega One,sans-serif;font-size:1.25rem;margin-top:-15px;padding:10px 20px}.LessonSevenPointSixNext:active,.LessonSevenPointSixSubmit:active{background-color:#98c844}.LessonSevenPointSeven{background-image:url(/static/media/ChemClick_Background_Faded.b9d96dd7b480cb63953c.jpg);background-position:50%;background-size:cover;justify-content:center;min-height:100vh;overflow:hidden;width:100vw}.LessonSevenPointSeven,.LessonSevenPointSevenBox{align-items:center;display:flex;flex-direction:column}.LessonSevenPointSevenBox{height:66vh;width:66vw}.LessonSevenPointSevenBoxInnercont{align-items:center;background-color:#00d5d7;background-image:url(/static/media/RainbowBackground.dbc06ef03f5cb8d05ce3.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border:5px solid #fff;border-radius:15px;box-shadow:0 4px 10px #01577080;display:flex;flex-direction:column;justify-content:flex-start;margin-right:5%;padding:10px;width:60vw}.LessonSevenPointSevenBoxTitle{background-color:#fff;border:5px solid #015770;border-radius:5px;margin-bottom:20px;padding:15px;text-align:center;width:100%}.LessonSevenPointSevenBoxTitle h1{font-family:Orelega One,sans-serif;font-size:1.3rem;font-weight:400}.LessonSevenPointSevenContent{align-items:center;background-color:#fff;border:5px solid #015770;border-radius:10px;display:flex;flex-direction:column;margin-bottom:20px;max-width:950px;padding:20px 20px 15px;width:100%}.LessonSevenPointSevenPrompt{color:#0a0a0a;font-family:Orelega One,sans-serif;font-size:1.3rem;font-weight:400;line-height:1.5;margin-bottom:20px;max-width:1000px;padding:0 20px;text-align:center}.LessonSevenPointSevenRow{align-items:flex-start;display:flex;flex-direction:row;gap:20px;justify-content:center;width:100%}.LessonSevenPointSevenInput{font-family:Orelega One,sans-serif;font-size:1.3rem;max-width:340px;overflow:auto;resize:none;text-align:left;width:100%}.LessonSevenPointSevenImageContainer,.LessonSevenPointSevenInput{border:5px solid #015770;border-radius:5px;height:250px;padding:15px;position:relative}.LessonSevenPointSevenImageContainer{margin:0;max-width:700px;overflow-y:scroll;width:80%}.LessonSevenPointSevenImageContainer::-webkit-scrollbar{width:8px}.LessonSevenPointSevenImageContainer::-webkit-scrollbar-thumb{background:#a0a0a0;border-radius:5px}.LessonSevenPointSevenImageContainer .scrollable-image{height:auto;width:100%}.LessonSevenPointSevenFeedback{border-radius:8px;font-family:Orelega One,sans-serif;font-size:1.25rem;font-weight:700;margin-top:5px;padding:8px 16px;text-align:center;transition:opacity .3s ease,transform .3s ease}.LessonSevenPointSevenFeedback.correct{background-color:#e0f8e0;border:2px solid #237b31;color:#237b31;margin-top:15px}.LessonSevenPointSevenFeedback.incorrect{background-color:#ffe6e6;border:2px solid #c94444;color:#662e2e;margin-top:15px}.LessonSevenPointSevenNext,.LessonSevenPointSevenSubmit{background-color:#e3f0cc;border:5px solid #237b31;border-radius:10px;color:#000;cursor:pointer;font-family:Orelega One,sans-serif;font-size:1.25rem;margin-top:-15px;padding:10px 20px}.LessonSevenPointSevenNext:active,.LessonSevenPointSevenSubmit:active{background-color:#98c844}.LessonSevenPointEight{background-image:url(/static/media/ChemClick_Background_Faded.b9d96dd7b480cb63953c.jpg);background-position:50%;background-size:cover;justify-content:center;min-height:100vh;overflow:hidden;width:100vw}.LessonSevenPointEight,.LessonSevenPointEightBox{align-items:center;display:flex;flex-direction:column}.LessonSevenPointEightBox{height:66vh;width:66vw}.LessonSevenPointEightBoxInnercont{align-items:center;background-color:#00d5d7;background-image:url(/static/media/RainbowBackground.dbc06ef03f5cb8d05ce3.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border:5px solid #fff;border-radius:15px;box-shadow:0 4px 10px #01577080;display:flex;flex-direction:column;justify-content:flex-start;margin-right:5%;padding:10px;width:60vw}.LessonSevenPointEightBoxTitle{background-color:#fff;border:5px solid #015770;border-radius:5px;margin-bottom:20px;padding:15px;text-align:center;width:100%}.LessonSevenPointEightBoxTitle h1{font-family:Orelega One,sans-serif;font-size:1.3rem;font-weight:400}.LessonSevenPointEightContent{align-items:center;background-color:#fff;border:5px solid #015770;border-radius:10px;display:flex;flex-direction:column;margin-bottom:20px;max-width:950px;padding:20px 20px 15px;width:100%}.LessonSevenPointEightPrompt{color:#0a0a0a;font-family:Orelega One,sans-serif;font-size:1.3rem;font-weight:400;line-height:1.5;margin-bottom:20px;max-width:1000px;padding:0 20px;text-align:center}.LessonSevenPointEightRow{align-items:flex-start;display:flex;flex-direction:row;gap:20px;justify-content:center;width:100%}.LessonSevenPointEightInput{font-family:Orelega One,sans-serif;font-size:1.3rem;max-width:340px;overflow:auto;resize:none;text-align:left;width:100%}.LessonSevenPointEightImageContainer,.LessonSevenPointEightInput{border:5px solid #015770;border-radius:5px;height:250px;padding:15px;position:relative}.LessonSevenPointEightImageContainer{margin:0;max-width:700px;overflow-y:scroll;width:80%}.LessonSevenPointEightImageContainer::-webkit-scrollbar{width:8px}.LessonSevenPointEightImageContainer::-webkit-scrollbar-thumb{background:#a0a0a0;border-radius:5px}.LessonSevenPointEightImageContainer .scrollable-image{height:auto;width:100%}.LessonSevenPointEightFeedback{border-radius:8px;font-family:Orelega One,sans-serif;font-size:1.25rem;font-weight:700;margin-top:5px;padding:8px 16px;text-align:center;transition:opacity .3s ease,transform .3s ease}.LessonSevenPointEightFeedback.correct{background-color:#e0f8e0;border:2px solid #237b31;color:#237b31;margin-top:15px}.LessonSevenPointEightFeedback.incorrect{background-color:#ffe6e6;border:2px solid #c94444;color:#662e2e;margin-top:15px}.LessonSevenPointEightNext,.LessonSevenPointEightSubmit{background-color:#e3f0cc;border:5px solid #237b31;border-radius:10px;color:#000;cursor:pointer;font-family:Orelega One,sans-serif;font-size:1.25rem;margin-top:-15px;padding:10px 20px}.LessonSevenPointEightNext:active,.LessonSevenPointEightSubmit:active{background-color:#98c844}.LessonSevenPointNine{background-image:url(/static/media/ChemClick_Background_Faded.b9d96dd7b480cb63953c.jpg);background-position:50%;background-size:cover;justify-content:center;min-height:100vh;overflow:hidden;width:100vw}.LessonSevenPointNine,.LessonSevenPointNineBox{align-items:center;display:flex;flex-direction:column}.LessonSevenPointNineBox{height:66vh;width:66vw}.LessonSevenPointNineBoxInnercont{align-items:center;background-color:#00d5d7;background-image:url(/static/media/RainbowBackground.dbc06ef03f5cb8d05ce3.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border:5px solid #fff;border-radius:15px;box-shadow:0 4px 10px #01577080;display:flex;flex-direction:column;justify-content:flex-start;margin-right:5%;padding:10px;width:60vw}.LessonSevenPointNineBoxTitle{background-color:#fff;border:5px solid #015770;border-radius:5px;margin-bottom:20px;padding:15px;text-align:center;width:100%}.LessonSevenPointNineBoxTitle h1{font-family:Orelega One,sans-serif;font-size:1.3rem;font-weight:400}.LessonSevenPointNineContent{align-items:center;background-color:#fff;border:5px solid #015770;border-radius:10px;display:flex;flex-direction:column;margin-bottom:20px;max-width:950px;padding:20px 20px 15px;width:100%}.LessonSevenPointNinePrompt{color:#0a0a0a;font-family:Orelega One,sans-serif;font-size:1.3rem;font-weight:400;line-height:1.5;margin-bottom:20px;max-width:1000px;padding:0 20px;text-align:center}.LessonSevenPointNineRow{align-items:flex-start;display:flex;flex-direction:row;gap:20px;justify-content:center;width:100%}.LessonSevenPointNineInput{font-family:Orelega One,sans-serif;font-size:1.3rem;max-width:340px;overflow:auto;resize:none;text-align:left;width:100%}.LessonSevenPointNineImageContainer,.LessonSevenPointNineInput{border:5px solid #015770;border-radius:5px;height:250px;padding:15px;position:relative}.LessonSevenPointNineImageContainer{margin:0;max-width:700px;overflow-y:scroll;width:80%}.LessonSevenPointNineImageContainer::-webkit-scrollbar{width:8px}.LessonSevenPointNineImageContainer::-webkit-scrollbar-thumb{background:#a0a0a0;border-radius:5px}.LessonSevenPointNineImageContainer .scrollable-image{height:auto;width:100%}.LessonSevenPointNineFeedback{border-radius:8px;font-family:Orelega One,sans-serif;font-size:1.25rem;font-weight:700;margin-top:5px;padding:8px 16px;text-align:center;transition:opacity .3s ease,transform .3s ease}.LessonSevenPointNineFeedback.correct{background-color:#e0f8e0;border:2px solid #237b31;color:#237b31;margin-top:15px}.LessonSevenPointNineFeedback.incorrect{background-color:#ffe6e6;border:2px solid #c94444;color:#662e2e;margin-top:15px}.LessonSevenPointNineNext,.LessonSevenPointNineSubmit{background-color:#e3f0cc;border:5px solid #237b31;border-radius:10px;color:#000;cursor:pointer;font-family:Orelega One,sans-serif;font-size:1.25rem;margin-top:-15px;padding:10px 20px}.LessonSevenPointNineNext:active,.LessonSevenPointNineSubmit:active{background-color:#98c844}.LessonSevenPointTen{background-image:url(/static/media/ChemClick_Background_Faded.b9d96dd7b480cb63953c.jpg);background-position:50%;background-size:cover;justify-content:center;min-height:100vh;overflow:hidden;width:100vw}.LessonSevenPointTen,.LessonSevenPointTenBox{align-items:center;display:flex;flex-direction:column}.LessonSevenPointTenBox{height:66vh;width:66vw}.LessonSevenPointTenBoxInnercont{align-items:center;background-color:#00d5d7;background-image:url(/static/media/RainbowBackground.dbc06ef03f5cb8d05ce3.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border:5px solid #fff;border-radius:15px;box-shadow:0 4px 10px #01577080;display:flex;flex-direction:column;justify-content:flex-start;margin-right:5%;padding:10px;width:60vw}.LessonSevenPointTenBoxTitle{background-color:#fff;border:5px solid #015770;border-radius:5px;margin-bottom:20px;padding:15px;text-align:center;width:100%}.LessonSevenPointTenBoxTitle h1{font-family:Orelega One,sans-serif;font-size:1.3rem;font-weight:400}.LessonSevenPointTenContent{align-items:center;background-color:#fff;border:5px solid #015770;border-radius:10px;display:flex;flex-direction:column;margin-bottom:20px;max-width:950px;padding:20px 20px 15px;width:100%}.LessonSevenPointTenPrompt{color:#0a0a0a;font-family:Orelega One,sans-serif;font-size:1.3rem;font-weight:400;line-height:1.5;margin-bottom:20px;max-width:1000px;padding:0 20px;text-align:center}.LessonSevenPointTenRow{align-items:flex-start;display:flex;flex-direction:row;gap:20px;justify-content:center;width:100%}.LessonSevenPointTenInput{font-family:Orelega One,sans-serif;font-size:1.3rem;max-width:340px;overflow:auto;resize:none;text-align:left;width:100%}.LessonSevenPointTenImageContainer,.LessonSevenPointTenInput{border:5px solid #015770;border-radius:5px;height:250px;padding:15px;position:relative}.LessonSevenPointTenImageContainer{margin:0;max-width:700px;overflow-y:scroll;width:80%}.LessonSevenPointTenImageContainer::-webkit-scrollbar{width:8px}.LessonSevenPointTenImageContainer::-webkit-scrollbar-thumb{background:#a0a0a0;border-radius:5px}.LessonSevenPointTenImageContainer .scrollable-image{height:auto;width:100%}.LessonSevenPointTenFeedback{border-radius:8px;font-family:Orelega One,sans-serif;font-size:1.25rem;font-weight:700;margin-top:5px;padding:8px 16px;text-align:center;transition:opacity .3s ease,transform .3s ease}.LessonSevenPointTenFeedback.correct{background-color:#e0f8e0;border:2px solid #237b31;color:#237b31;margin-top:15px}.LessonSevenPointTenFeedback.incorrect{background-color:#ffe6e6;border:2px solid #c94444;color:#662e2e;margin-top:15px}.LessonSevenPointTenNext,.LessonSevenPointTenSubmit{background-color:#e3f0cc;border:5px solid #237b31;border-radius:10px;color:#000;cursor:pointer;font-family:Orelega One,sans-serif;font-size:1.25rem;margin-top:-15px;padding:10px 20px}.LessonSevenPointTenNext:active,.LessonSevenPointTenSubmit:active{background-color:#98c844}.LessonSevenPointEleven{background-image:url(/static/media/ChemClick_Background_Faded.b9d96dd7b480cb63953c.jpg);background-position:50%;background-size:cover;justify-content:center;min-height:100vh;overflow:hidden;width:100vw}.LessonSevenPointEleven,.LessonSevenPointElevenBox{align-items:center;display:flex;flex-direction:column}.LessonSevenPointElevenBox{height:66vh;width:66vw}.LessonSevenPointElevenBoxInnercont{align-items:center;background-color:#00d5d7;background-image:url(/static/media/RainbowBackground.dbc06ef03f5cb8d05ce3.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border:5px solid #fff;border-radius:15px;box-shadow:0 4px 10px #01577080;display:flex;flex-direction:column;justify-content:flex-start;margin-right:5%;padding:10px;width:60vw}.LessonSevenPointElevenBoxTitle{background-color:#fff;border:5px solid #015770;border-radius:5px;margin-bottom:15px;padding:15px;text-align:center;width:100%}.LessonSevenPointElevenBoxTitle h1{font-family:Orelega One,sans-serif;font-size:1.3rem;font-weight:400}.LessonSevenPointElevenContent{align-items:center;background-color:#fff;border:5px solid #015770;border-radius:10px;display:flex;flex-direction:column;margin-bottom:20px;max-width:950px;padding:20px 20px 15px;width:100%}.LessonSevenPointElevenPrompt{color:#0a0a0a;font-family:Orelega One,sans-serif;font-size:1.3rem;font-weight:400;line-height:1.5;margin-bottom:20px;max-width:1000px;padding:0 20px;text-align:center}.LessonSevenPointElevenRow{align-items:flex-start;display:flex;flex-direction:row;gap:20px;justify-content:center;width:100%}.LessonSevenPointElevenInput{font-size:1.3rem;max-width:470px;overflow:auto;padding:7px;resize:none;text-align:left;width:100%}.LessonSevenPointElevenImageContainer,.LessonSevenPointElevenInput{border:5px solid #015770;border-radius:5px;font-family:Orelega One,sans-serif;height:250px;position:relative}.LessonSevenPointElevenImageContainer{margin:0;max-width:700px;overflow-y:scroll;padding:15px;width:40%}.LessonSevenPointElevenImageContainer::-webkit-scrollbar{width:8px}.LessonSevenPointElevenImageContainer::-webkit-scrollbar-thumb{background:#a0a0a0;border-radius:5px}.LessonSevenPointElevenImageContainer .scrollable-image{height:auto;width:100%}.LessonSevenPointElevenFeedback{border-radius:8px;font-family:Orelega One,sans-serif;font-size:1.25rem;font-weight:700;margin-top:5px;padding:8px 16px;text-align:center;transition:opacity .3s ease,transform .3s ease}.LessonSevenPointElevenFeedback.correct{background-color:#e0f8e0;border:2px solid #237b31;color:#237b31;margin-top:15px}.LessonSevenPointElevenFeedback.incorrect{background-color:#ffe6e6;border:2px solid #c94444;color:#662e2e;margin-top:15px}.LessonSevenPointElevenNext,.LessonSevenPointElevenSubmit{background-color:#e3f0cc;border:5px solid #237b31;border-radius:10px;color:#000;cursor:pointer;font-family:Orelega One,sans-serif;font-size:1.25rem;margin-top:-15px;padding:10px 20px}.LessonSevenPointElevenNext:active,.LessonSevenPointElevenSubmit:active{background-color:#98c844}.LessonSevenPointElevenSentence{color:#0a0a0a;font-family:Orelega One,sans-serif;font-size:1.3rem;line-height:2}.LessonSevenPointTwelve{background-image:url(/static/media/ChemClick_Background_Faded.b9d96dd7b480cb63953c.jpg);background-position:50%;background-size:cover;justify-content:center;min-height:100vh;overflow:hidden;width:100vw}.LessonSevenPointTwelve,.LessonSevenPointTwelveBox{align-items:center;display:flex;flex-direction:column}.LessonSevenPointTwelveBox{height:66vh;width:66vw}.LessonSevenPointTwelveBoxInnercont{align-items:center;background-color:#00d5d7;background-image:url(/static/media/RainbowBackground.dbc06ef03f5cb8d05ce3.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border:5px solid #fff;border-radius:15px;box-shadow:0 4px 10px #01577080;display:flex;flex-direction:column;justify-content:flex-start;margin-right:5%;padding:10px;width:60vw}.LessonSevenPointTwelveBoxTitle{background-color:#fff;border:5px solid #015770;border-radius:5px;margin-bottom:15px;padding:15px;text-align:center;width:100%}.LessonSevenPointTwelveBoxTitle h1{font-family:Orelega One,sans-serif;font-size:1.3rem;font-weight:400}.LessonSevenPointTwelveContent{align-items:center;background-color:#fff;border:5px solid #015770;border-radius:10px;display:flex;flex-direction:column;margin-bottom:20px;max-width:950px;padding:20px 20px 15px;width:100%}.LessonSevenPointTwelvePrompt{color:#0a0a0a;font-family:Orelega One,sans-serif;font-size:1.3rem;font-weight:400;line-height:1.5;margin-bottom:20px;max-width:1000px;padding:0 20px;text-align:center}.LessonSevenPointTwelveRow{align-items:flex-start;display:flex;flex-direction:row;gap:20px;justify-content:center;width:100%}.LessonSevenPointTwelveInput{font-size:1.3rem;max-width:470px;overflow:auto;padding:7px;resize:none;text-align:left;width:100%}.LessonSevenPointTwelveImageContainer,.LessonSevenPointTwelveInput{border:5px solid #015770;border-radius:5px;font-family:Orelega One,sans-serif;height:250px;position:relative}.LessonSevenPointTwelveImageContainer{margin:0;max-width:700px;overflow-y:scroll;padding:15px;width:40%}.LessonSevenPointTwelveImageContainer::-webkit-scrollbar{width:8px}.LessonSevenPointTwelveImageContainer::-webkit-scrollbar-thumb{background:#a0a0a0;border-radius:5px}.LessonSevenPointTwelveImageContainer .scrollable-image{height:auto;width:100%}.LessonSevenPointTwelveFeedback{border-radius:8px;font-family:Orelega One,sans-serif;font-size:1.25rem;font-weight:700;margin-top:5px;padding:8px 16px;text-align:center;transition:opacity .3s ease,transform .3s ease}.LessonSevenPointTwelveFeedback.correct{background-color:#e0f8e0;border:2px solid #237b31;color:#237b31;margin-top:15px}.LessonSevenPointTwelveFeedback.incorrect{background-color:#ffe6e6;border:2px solid #c94444;color:#662e2e;margin-top:15px}.LessonSevenPointTwelveNext,.LessonSevenPointTwelveSubmit{background-color:#e3f0cc;border:5px solid #237b31;border-radius:10px;color:#000;cursor:pointer;font-family:Orelega One,sans-serif;font-size:1.25rem;margin-top:-15px;padding:10px 20px}.LessonSevenPointTwelveNext:active,.LessonSevenPointTwelveSubmit:active{background-color:#98c844}select{background-color:#fff;border:2px solid #015770;border-radius:5px;margin:5px;padding:5px 10px}.LessonSevenPointTwelveSentence,select{color:#0a0a0a;font-family:Orelega One,sans-serif;font-size:1.3rem}.LessonSevenPointTwelveSentence{line-height:2}.lesson-eight-point-one{background-image:url(/static/media/ChemClick_Background_Faded.b9d96dd7b480cb63953c.jpg);background-position:50%;background-size:cover;justify-content:center;min-height:100vh;overflow:hidden;width:100vw}.lesson-eight-point-one,.lesson-eight-point-one-box{align-items:center;display:flex;flex-direction:column}.lesson-eight-point-one-box{height:77vh;width:66vw}.lesson-eight-point-one-box-innercont{align-items:center;background-color:#00d5d7;background-image:url(/static/media/RainbowBackground.dbc06ef03f5cb8d05ce3.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border:5px solid #fff;border-radius:15px;box-shadow:0 4px 10px #01577080;display:flex;flex-direction:column;justify-content:flex-start;margin-right:5%;max-height:100vh;overflow-x:hidden;overflow-y:auto;padding:10px;width:60vw}.lesson-eight-point-one-box-title{background-color:#fff;border:5px solid #015770;border-radius:5px;font-family:Orelega One,sans-serif;font-weight:400;margin-bottom:20px;padding:15px;text-align:center;width:100%}.lesson-eight-point-one-content{align-items:center;background-color:#fff;border:5px solid #015770;border-radius:10px;display:flex;flex-direction:column;margin-bottom:20px;max-width:950px;padding:20px 20px 40px;width:100%}.lesson-eight-point-one-container{align-items:center;border:2px solid #5f3838;display:flex;flex-direction:column;justify-content:center;margin:20px 0;max-width:800px;min-height:200px;position:relative;width:100%}.lesson-eight-point-one-container p{color:#001f3f;font-family:Times New Roman,sans-serif;font-size:1.7rem;font-weight:700;margin-top:15px}.lesson-eight-point-one-question-box{align-items:center;align-self:center;background-color:#00d5d780;background:linear-gradient(180deg,#00d5d780,#00d5d7bf);border:5px solid #015770;border-radius:10px;box-shadow:0 4px 10px #0003;display:flex;flex-direction:column;justify-content:center;margin-bottom:30px;margin-top:20px;min-height:150px;position:relative;width:30%}.lesson-eight-point-one-question-box p{color:#001f3f}.lesson-eight-point-one-question{align-items:center;display:flex;gap:10px;justify-content:center;width:100%}.lesson-eight-point-one-input{background-color:#e7eae2;border:2px solid #015770;border-radius:15px;font-family:Orelega One,sans-serif;font-size:1.5rem;height:40px;padding:10px;text-align:center;width:37%}.lesson-eight-point-one-box-title h1,.lesson-eight-point-one-question h1{font-family:Orelega One,sans-serif;font-size:1.3rem;font-weight:400;margin:0}.lesson-eight-point-one-prompt{color:#0a0a0a;font-family:Orelega One,sans-serif;font-size:1.3rem;font-weight:400;line-height:1.5;margin-bottom:20px;max-width:800px;padding:0 20px;text-align:center}.submit-feedback-container{align-items:center;max-height:50px;position:relative}.lesson-eight-point-one-feedback{border-radius:8px;font-family:Orelega One,sans-serif;font-size:1.25rem;font-weight:700;margin-top:5px;padding:8px 16px;text-align:center;transition:opacity .3s ease,transform .3s ease}.lesson-eight-point-one-feedback.correct{background-color:#e0f8e0;border:2px solid #237b31;color:#237b31;opacity:1}.lesson-eight-point-one-feedback.incorrect{background-color:#ffe6e6;border:2px solid #c94444;color:#662e2e;opacity:1}.lesson-eight-point-one-feedback.hidden{opacity:0;transform:translateY(-10px)}.lesson-eight-point-one-box{margin-top:10px;padding-bottom:15px}.lesson-eight-point-one-next,.lesson-eight-point-one-submit{background-color:#e3f0cc;border:5px solid #237b31;border-radius:10px;color:#000;cursor:pointer;font-family:Orelega One,sans-serif;font-size:1.25rem;margin:10px;padding:10px 20px}.lesson-eight-point-one-next:active,.lesson-eight-point-one-submit:active{background-color:#98c844}.lesson-nine-point-one-content{background-color:#fff;border:5px solid #015770;border-radius:10px;flex-direction:column;margin-bottom:20px;max-width:950px;min-height:650px;padding:20px 20px 40px}.dropzone,.lesson-nine-point-one-content{align-items:center;display:flex;width:100%}.dropzone{border:2px dashed #000;flex-wrap:wrap;height:100%;justify-content:center;position:relative;transition:background-color .3s ease-in-out}.dropped-ion{height:70px;width:70px}.droppedIons{height:105px;margin-top:15px;width:105px}.delete-btn{background-color:red;border:none;border-radius:50%;color:#fff;cursor:pointer;padding:5px;position:absolute;right:0;top:0}.merge-animation{animation:mergeEffect 5s ease-in-out forwards}@keyframes mergeEffect{0%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}to{opacity:0;transform:scale(0)}}.lesson-nine-point-one-feedback{border-radius:8px;font-family:Orelega One,sans-serif;font-size:1.25rem;font-weight:700;margin-bottom:15px;margin-top:-40px;padding:8px 16px;text-align:center;transition:opacity .3s ease,transform .3s ease}.lesson-nine-point-one-feedback.correct{background-color:#e0f8e0;border:2px solid #237b31;color:#237b31;opacity:1}.lesson-nine-point-one-feedback.incorrect{background-color:#ffe6e6;border:2px solid #c94444;color:#662e2e;opacity:1}.ions-container-bottom{gap:10px}.ions-container-bottom,.ions-container-top{align-items:center;display:flex;flex-direction:row}.ions-container-top{justify-content:center}.separator-line{background-color:#000;height:1px;width:100%}.lesson-one-point-one-measurement-container{align-items:center;display:flex;flex-direction:column;gap:20px}.lesson-nine-point-one-question{align-items:center;display:flex;flex-direction:column;gap:10px;height:100%;justify-content:center;width:100%}.lesson-nine-point-one-question h1,.lesson-one-point-one-box-title h1{font-family:Orelega One,sans-serif;font-size:1.3rem;font-weight:400;margin:0}.lesson-nine-point-one-question{gap:50px}.formula-input-container{display:flex;justify-content:center;margin:20px 0}.formula-row{gap:40px}.element-group,.formula-row{align-items:center;display:flex}.element-group{gap:8px}.exponent-column{display:flex;flex-direction:column;gap:8px}.base-input{font-size:1.2em;height:70px;padding:8px;text-align:center;width:70px}.sub-input,.super-input{border-radius:4px;font-size:.9em;padding:6px;text-align:center;width:60px}.base-input{border:2px solid #007bff}.super-input{border:2px solid #28a745}.sub-input{border:2px solid #dc3545}.lesson-nine-point-two-next,.lesson-nine-point-two-submit{background-color:#e3f0cc;border:5px solid #237b31;border-radius:10px;color:#000;cursor:pointer;font-family:Orelega One,sans-serif;font-size:1.25rem;margin-bottom:15px;margin-top:-15px;padding:10px 20px}.lesson-nine-point-two-content{align-items:center;background-color:#fff;border:5px solid #015770;border-radius:10px;display:flex;flex-direction:column;margin-bottom:20px;max-width:950px;min-height:800px;padding:20px 20px 40px;width:100%}.lesson-nine-point-two-feedback{border-radius:8px;font-family:Orelega One,sans-serif;font-size:1.25rem;font-weight:700;margin-bottom:25px;margin-top:-20px;padding:8px 16px;text-align:center;transition:opacity .3s ease,transform .3s ease}.lesson-nine-point-two-feedback.correct{background-color:#e0f8e0;border:2px solid #237b31;color:#237b31;opacity:1}.lesson-nine-point-two-feedback.incorrect{background-color:#ffe6e6;border:2px solid #c94444;color:#662e2e;opacity:1}.lesson-nine-point-three{align-items:center;background-image:url(/static/media/ChemClick_Background_Faded.b9d96dd7b480cb63953c.jpg);background-position:50%;background-size:cover;display:flex;flex-direction:column;justify-content:center;min-height:100vh;overflow:hidden;width:100vw}.lesson-nine-point-three-box{align-items:center;display:flex;flex-direction:column;height:66vh;width:66vw}.lesson-nine-point-three-box-innercont{align-items:center;background-color:#00d5d7;background-image:url(/static/media/RainbowBackground.dbc06ef03f5cb8d05ce3.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border:5px solid #fff;border-radius:15px;box-shadow:0 4px 10px #01577080;display:flex;flex-direction:column;justify-content:flex-start;margin-right:5%;max-height:100vh;overflow-x:hidden;overflow-y:auto;padding:10px;width:60vw}.lesson-nine-point-three-box-title{background-color:#fff;border:5px solid #015770;border-radius:5px;font-family:Orelega One,sans-serif;font-weight:400;margin-bottom:20px;padding:15px;text-align:center;width:100%}.lesson-nine-point-three-content{align-items:center;background-color:#fff;border:5px solid #015770;border-radius:10px;display:flex;flex-direction:column;margin-bottom:20px;max-width:950px;padding:20px 20px 40px;width:100%}.phrase-char{border:2px solid #015770;border-radius:5px;cursor:pointer;font-family:Orelega One,sans-serif;font-size:1.5rem;margin:5px;padding:5px 10px;transition:background-color .3s ease;-webkit-user-select:none;user-select:none}.phrase-char.selected{background-color:#e3f0cc}.lesson-nine-point-three-prompt{color:#0a0a0a;font-family:Orelega One,sans-serif;font-size:1.3rem;font-weight:400;line-height:1.5;margin-bottom:20px;max-width:800px;padding:0 20px;text-align:center}.lesson-nine-point-three-input{background-color:#e7eae2;border:2px solid #015770;border-radius:15px;font-family:Orelega One,sans-serif;font-size:1.5rem;height:40px;padding:10px;text-align:center;width:37%}.lesson-nine-point-three-submit{background-color:#e3f0cc;border:5px solid #237b31;border-radius:10px;color:#000;cursor:pointer;font-family:Orelega One,sans-serif;font-size:1.25rem;margin:10px;padding:10px 20px}.lesson-nine-point-three-submit:active{background-color:#98c844}.lesson-nine-point-six{background-image:url(/static/media/ChemClick_Background_Faded.b9d96dd7b480cb63953c.jpg);background-position:50%;background-size:cover;justify-content:center;min-height:100vh;overflow:hidden;width:100vw}.lesson-nine-point-six,.lesson-nine-point-six-box{align-items:center;display:flex;flex-direction:column}.lesson-nine-point-six-box{height:66vh;width:66vw}.lesson-nine-point-six-box-innercont{align-items:center;background-color:#00d5d7;background-image:url(/static/media/RainbowBackground.dbc06ef03f5cb8d05ce3.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border:5px solid #fff;border-radius:15px;box-shadow:0 4px 10px #01577080;display:flex;flex-direction:column;justify-content:flex-start;margin-right:5%;max-height:100vh;overflow-x:hidden;overflow-y:auto;padding:10px;width:60vw}.lesson-nine-point-six-box-title{background-color:#fff;border:5px solid #015770;border-radius:5px;font-family:Orelega One,sans-serif;font-weight:400;margin-bottom:20px;padding:15px;text-align:center;width:100%}.lesson-nine-point-six-content{align-items:center;background-color:#fff;border:5px solid #015770;border-radius:10px;display:flex;flex-direction:column;margin-bottom:20px;max-width:950px;padding:20px 20px 40px;width:100%}.lesson-nine-point-six-prompt{color:#0a0a0a;font-family:Orelega One,sans-serif;font-size:1.3rem;font-weight:400;line-height:1.5;margin-bottom:20px;max-width:800px;padding:0 20px;text-align:center}.lesson-nine-point-six-input{background-color:#e7eae2;border:2px solid #015770;border-radius:15px;font-family:Orelega One,sans-serif;font-size:1.5rem;height:40px;padding:10px;text-align:center;width:37%}.lesson-nine-point-six-submit{background-color:#e3f0cc;border:5px solid #237b31;border-radius:10px;color:#000;cursor:pointer;font-family:Orelega One,sans-serif;font-size:1.25rem;margin:10px;padding:10px 20px}.lesson-nine-point-six-submit:active{background-color:#98c844}.lesson-nine-point-four{background-image:url(/static/media/ChemClick_Background_Faded.b9d96dd7b480cb63953c.jpg);background-position:50%;background-size:cover;justify-content:center;min-height:100vh;overflow:hidden;width:100vw}.lesson-nine-point-four,.lesson-nine-point-four-box{align-items:center;display:flex;flex-direction:column}.lesson-nine-point-four-box{height:66vh;width:66vw}.lesson-nine-point-four-box-innercont{align-items:center;background-color:#00d5d7;background-image:url(/static/media/RainbowBackground.dbc06ef03f5cb8d05ce3.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border:5px solid #fff;border-radius:15px;box-shadow:0 4px 10px #01577080;display:flex;flex-direction:column;justify-content:flex-start;margin-right:5%;max-height:100vh;overflow-x:hidden;overflow-y:auto;padding:10px;width:60vw}.lesson-nine-point-four-box-title{background-color:#fff;border:5px solid #015770;border-radius:5px;font-family:Orelega One,sans-serif;font-weight:400;margin-bottom:20px;padding:15px;text-align:center;width:100%}.lesson-nine-point-four-content{align-items:center;background-color:#fff;border:5px solid #015770;border-radius:10px;display:flex;flex-direction:column;margin-bottom:20px;max-width:950px;padding:20px 20px 40px;width:100%}.lesson-nine-point-four-prompt{color:#0a0a0a;font-family:Orelega One,sans-serif;font-size:1.3rem;font-weight:400;line-height:1.5;margin-bottom:20px;max-width:800px;padding:0 20px;text-align:center}.lesson-nine-point-four-input{background-color:#e7eae2;border:2px solid #015770;border-radius:15px;font-family:Orelega One,sans-serif;font-size:1.5rem;height:40px;padding:10px;text-align:center;width:37%}.lesson-nine-point-four-submit{background-color:#e3f0cc;border:5px solid #237b31;border-radius:10px;color:#000;cursor:pointer;font-family:Orelega One,sans-serif;font-size:1.25rem;margin:10px;padding:10px 20px}.lesson-nine-point-four-submit:active{background-color:#98c844}.lesson-nine-point-seven{align-items:center;background-image:url(/static/media/ChemClick_Background_Faded.b9d96dd7b480cb63953c.jpg);background-position:50%;background-size:cover;display:flex;flex-direction:column;justify-content:center;min-height:100vh;overflow:hidden;width:100vw}.lesson-nine-point-seven-box{align-items:center;display:flex;flex-direction:column;height:66vh;width:66vw}.lesson-nine-point-seven-box-innercont{align-items:center;background-color:#00d5d7;background-image:url(/static/media/RainbowBackground.dbc06ef03f5cb8d05ce3.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border:5px solid #fff;border-radius:15px;box-shadow:0 4px 10px #01577080;display:flex;flex-direction:column;justify-content:flex-start;margin-right:5%;max-height:100vh;overflow-x:hidden;overflow-y:auto;padding:10px;width:60vw}.lesson-nine-point-seven-box-title{background-color:#fff;border:5px solid #015770;border-radius:5px;font-family:Orelega One,sans-serif;font-weight:400;margin-bottom:20px;padding:15px;text-align:center;width:100%}.lesson-nine-point-seven-content{align-items:center;background-color:#fff;border:5px solid #015770;border-radius:10px;display:flex;flex-direction:column;margin-bottom:20px;max-width:950px;padding:20px 20px 40px;width:100%}.lesson-nine-point-seven-prompt{color:#0a0a0a;font-family:Orelega One,sans-serif;font-size:1.3rem;font-weight:400;line-height:1.5;margin-bottom:20px;max-width:800px;padding:0 20px;text-align:center}.lesson-nine-point-seven-input{background-color:#e7eae2;border:2px solid #015770;border-radius:15px;font-family:Orelega One,sans-serif;font-size:1.5rem;height:40px;padding:10px;text-align:center;width:37%}.lesson-nine-point-seven-submit{background-color:#e3f0cc;border:5px solid #237b31;border-radius:10px;color:#000;cursor:pointer;font-family:Orelega One,sans-serif;font-size:1.25rem;margin:10px;padding:10px 20px}.lesson-nine-point-seven-submit:active{background-color:#98c844}.separator{border:none;border-top:4px solid #015770;margin-bottom:10px;margin-top:20px;width:102%}.completed-answer{margin-top:10px;width:100%}.ion-input-group{margin-bottom:10px}.ion-input-group label{margin-right:5px}.subscript-input,.superscript-input{width:40px}.lesson-nine-point-eight{align-items:center;background-image:url(/static/media/ChemClick_Background_Faded.b9d96dd7b480cb63953c.jpg);background-position:50%;background-size:cover;display:flex;flex-direction:column;justify-content:center;min-height:100vh;overflow:hidden;width:100vw}.lesson-nine-point-eight-box{align-items:center;display:flex;flex-direction:column;height:66vh;width:66vw}.lesson-nine-point-eight-box-innercont{align-items:center;background-color:#00d5d7;background-image:url(/static/media/RainbowBackground.dbc06ef03f5cb8d05ce3.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border:5px solid #fff;border-radius:15px;box-shadow:0 4px 10px #01577080;display:flex;flex-direction:column;justify-content:flex-start;margin-right:5%;max-height:100vh;overflow-x:hidden;overflow-y:auto;padding:10px;width:60vw}.lesson-nine-point-eight-box-title{background-color:#fff;border:5px solid #015770;border-radius:5px;font-family:Orelega One,sans-serif;font-weight:400;margin-bottom:20px;padding:15px;text-align:center;width:100%}.lesson-nine-point-eight-content{align-items:center;background-color:#fff;border:5px solid #015770;border-radius:10px;display:flex;flex-direction:column;margin-bottom:20px;max-width:950px;padding:20px 20px 40px;width:100%}.lesson-nine-point-eight-prompt{color:#0a0a0a;font-family:Orelega One,sans-serif;font-size:1.3rem;font-weight:400;line-height:1.5;margin-bottom:20px;max-width:800px;padding:0 20px;text-align:center}.lesson-nine-point-eight-input{background-color:#e7eae2;border:2px solid #015770;border-radius:15px;font-family:Orelega One,sans-serif;font-size:1.5rem;height:40px;margin-bottom:10px;padding:10px;text-align:center;width:37%}.lesson-nine-point-eight-submit{background-color:#e3f0cc;border:5px solid #237b31;border-radius:10px;color:#000;cursor:pointer;font-family:Orelega One,sans-serif;font-size:1.25rem;margin:10px;padding:10px 20px}.lesson-nine-point-eight-submit:active{background-color:#98c844}.phrase-container{margin:20px 0}.phrase-word{margin:5px}.explicit-display{color:#001f3f;font-family:Orelega One,sans-serif;font-size:1.3rem;margin-bottom:10px}.formula-preview{font-size:1.5rem;margin-top:10px}.formula-element{display:inline-block;margin-right:2px}.subscript{background-color:#f0f0f0;border:1px solid #ccc;border-radius:3px;display:inline-block;font-size:.75rem;margin-left:2px;padding:2px 4px;vertical-align:top}.lesson-nine-point-nine{background-image:url(/static/media/ChemClick_Background_Faded.b9d96dd7b480cb63953c.jpg);background-position:50%;background-size:cover;justify-content:center;min-height:100vh;overflow:hidden;width:100vw}.lesson-nine-point-nine,.lesson-nine-point-nine-box{align-items:center;display:flex;flex-direction:column}.lesson-nine-point-nine-box{height:70vh;width:70vw}.lesson-nine-point-nine-box-innercont{align-items:center;background-color:#00d5d7;background-image:url(/static/media/RainbowBackground.dbc06ef03f5cb8d05ce3.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border:5px solid #fff;border-radius:15px;box-shadow:0 4px 10px #01577080;display:flex;flex-direction:column;margin-right:5%;max-height:100vh;overflow-x:hidden;overflow-y:auto;padding:15px;width:60vw}.lesson-nine-point-nine-box-title{background-color:#fff;border:5px solid #015770;border-radius:5px;font-family:Orelega One,sans-serif;margin-bottom:20px;padding:15px;text-align:center;width:100%}.lesson-nine-point-nine-content{align-items:center;background-color:#fff;border:5px solid #015770;border-radius:10px;display:flex;flex-direction:column;margin-bottom:20px;max-width:950px;padding:25px;width:100%}.step-section{margin-bottom:20px;text-align:center;width:100%}.lesson-nine-point-nine-prompt{font-family:Orelega One,sans-serif;font-size:1.3rem;line-height:1.5;margin-bottom:15px}.lesson-nine-point-nine-input{background-color:#e7eae2;border:2px solid #015770;border-radius:15px;font-family:Orelega One,sans-serif;font-size:1.5rem;height:40px;margin-bottom:10px;padding:10px;text-align:center;width:40%}.lesson-nine-point-nine-submit{background-color:#e3f0cc;border:5px solid #237b31;border-radius:10px;color:#000;cursor:pointer;font-family:Orelega One,sans-serif;font-size:1.25rem;margin:10px;padding:10px 20px}.lesson-nine-point-nine-submit:active{background-color:#98c844}.explicit-formula-input-group{align-items:center;display:flex;flex-direction:column;gap:15px;margin-bottom:20px}.ion-input-group{align-items:center;display:flex;gap:10px}.ion-input-group label{font-family:Orelega One,sans-serif;font-size:1.2rem}.superscript-input{font-size:1.2rem;vertical-align:super}.subscript-input,.superscript-input{font-family:Orelega One,sans-serif;text-align:center;width:50px}.phrase-container{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:15px 0}.phrase-word{border:2px solid #015770;border-radius:5px;cursor:pointer;font-family:Orelega One,sans-serif;font-size:1.5rem;padding:5px 10px;transition:background-color .3s ease;-webkit-user-select:none;user-select:none}.phrase-word.selected{background-color:#e3f0cc}.completed-answer{background-color:#f9f9f9;border:1px solid #015770;border-radius:5px;margin:10px 0;padding:10px;width:80%}.completed-answer,.feedback{font-family:Orelega One,sans-serif;text-align:center}.feedback{border-radius:8px;font-size:1.25rem;font-weight:700;padding:8px 16px}.feedback.correct{background-color:#e0f8e0;border:2px solid #237b31;color:#237b31}.feedback.incorrect{background-color:#ffe6e6;border:2px solid #c94444;color:#662e2e}.completion-message{margin-top:20px;text-align:center}.completion-message button{background-color:#e3f0cc;border:5px solid #237b31;border-radius:10px;color:#000;cursor:pointer;font-family:Orelega One,sans-serif;font-size:1.25rem;padding:10px 20px}.completion-message button:active{background-color:#98c844}.lesson-ten-point-one{background-image:url(/static/media/ChemClick_Background_Faded.b9d96dd7b480cb63953c.jpg);background-position:50%;background-size:cover;justify-content:center;min-height:100vh;overflow:hidden;width:100vw}.lesson-ten-point-one,.lesson-ten-point-one-box{align-items:center;display:flex;flex-direction:column}.lesson-ten-point-one-box{height:77vh;width:66vw}.lesson-ten-point-one-box-innercont{align-items:center;background-color:#00d5d7;background-image:url(/static/media/RainbowBackground.dbc06ef03f5cb8d05ce3.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border:5px solid #fff;border-radius:15px;box-shadow:0 4px 10px #01577080;display:flex;flex-direction:column;height:100vh;justify-content:flex-start;margin-right:5%;overflow-y:auto;padding:10px;scrollbar-width:thin;width:60vw}.lesson-ten-point-one-box-title{background-color:#fff;border:5px solid #015770;border-radius:5px;margin-bottom:20px;padding:15px;text-align:center;width:100%}.lesson-ten-point-one-content{align-items:center;background-color:#fff;border:5px solid #015770;border-radius:10px;display:flex;flex-direction:column;margin-bottom:20px;max-width:950px;padding:20px 20px 40px;width:100%}.lesson-two-point-one-question{align-items:center;display:flex;gap:10px;justify-content:center;width:100%}.lesson-ten-point-one-box-title h1,.lesson-ten-point-one-question h1{font-family:Orelega One,sans-serif;font-size:1.3rem;font-weight:400;margin:0}.lesson-ten-point-one-prompt{color:#0a0a0a;font-family:Orelega One,sans-serif;font-size:1.3rem;font-weight:400;line-height:1.5;margin-bottom:20px;max-width:800px;padding:0 20px;text-align:center}.lesson-ten-point-one-feedback{border-radius:8px;font-family:Orelega One,sans-serif;font-size:1.25rem;font-weight:700;margin-top:10px;padding:8px 16px;text-align:center;transition:opacity .3s ease,transform .3s ease}.lesson-ten-point-one-feedback.correct{background-color:#e0f8e0;border:2px solid #237b31;color:#237b31;opacity:1}.lesson-ten-point-one-feedback.incorrect{background-color:#ffe6e6;border:2px solid #c94444;color:#662e2e;opacity:1}.lesson-ten-point-one-feedback.hidden{opacity:0;transform:translateY(-10px)}.lesson-ten-point-one-question{gap:8px}.lesson-ten-point-one-next,.lesson-ten-point-one-submit{background-color:#e3f0cc;border:5px solid #237b31;border-radius:10px;color:#000;cursor:pointer;font-family:Orelega One,sans-serif;font-size:1.25rem;margin-top:-20px;padding:10px 20px}.lesson-ten-point-one-submit-feedback-container{align-items:center;display:flex;flex-direction:column;height:100px;justify-content:flex-end;margin-top:20px}.lesson-ten-point-one-next:active,.lesson-ten-point-one-submit:active{background-color:#98c844}.ion-table-container{margin-top:20px;text-align:center}.ion-table{border-collapse:collapse;font-size:18px;margin:2x auto;width:100%}.ion-table td,.ion-table th{border:1px solid #000;padding:10px;text-align:center}.ion-table th{background-color:#f2f2f2}.drop-zone{background-color:#0a66c21a;border:3px dashed #0a66c2;cursor:pointer;height:40px;text-align:center;transition:all .2s ease-in-out;width:60px}.drop-zone:focus,.drop-zone:hover{background-color:#0a66c233;border-color:#004aad;box-shadow:0 0 10px #0a66c280}.drop-zone.filled{border-color:#003580}.draggable-symbol,.drop-zone.filled{background-color:#004aad;color:#fff;font-weight:700}.draggable-symbol{border:2px solid #003580;border-radius:5px;cursor:grab;display:inline-block;margin:8px;padding:12px;transition:transform .1s ease-in-out}.draggable-symbol:hover{background-color:#002d72;transform:scale(1.1)}.symbols-container{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:20px}.draggable-symbol:active{cursor:grabbing}.warning-feedback{color:#d9534f;font-weight:700;margin-top:10px}.lesson-ten-point-two{background-image:url(/static/media/ChemClick_Background_Faded.b9d96dd7b480cb63953c.jpg);background-position:50%;background-size:cover;justify-content:center;min-height:100vh;overflow:hidden;width:100vw}.lesson-ten-point-two,.lesson-ten-point-two-box{align-items:center;display:flex;flex-direction:column}.lesson-ten-point-two-box{height:77vh;width:66vw}.lesson-ten-point-two-box-innercont{align-items:center;background-color:#00d5d7;background-image:url(/static/media/RainbowBackground.dbc06ef03f5cb8d05ce3.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border:5px solid #fff;border-radius:15px;box-shadow:0 4px 10px #01577080;display:flex;flex-direction:column;height:100vh;justify-content:flex-start;margin-right:5%;overflow-y:auto;padding:10px;scrollbar-width:thin;width:60vw}.lesson-ten-point-two-box-title{background-color:#fff;border:5px solid #015770;border-radius:5px;margin-bottom:20px;padding:15px;text-align:center;width:100%}.lesson-ten-point-two-content{align-items:center;background-color:#fff;border:5px solid #015770;border-radius:10px;display:flex;flex-direction:column;margin-bottom:20px;max-width:950px;padding:20px 20px 40px;width:100%}.lesson-ten-point-two-box-title h1,.lesson-ten-point-two-question h1{font-family:Orelega One,sans-serif;font-size:1.3rem;font-weight:400;margin:0}.lesson-ten-point-two-prompt{color:#0a0a0a;font-family:Orelega One,sans-serif;font-size:1.3rem;font-weight:400;line-height:1.5;margin-bottom:20px;max-width:800px;padding:0 20px;text-align:center}.quiz-container h2{color:#000;font-size:1.8rem;margin-bottom:15px;min-height:50px;text-align:center}.quiz-container h2 strong{font-family:Times New Roman,Times,serif}.input-container{background:#fff;border:2px solid #00d5d7;border-radius:8px;justify-content:center;margin-bottom:15px;overflow:hidden;padding:5px}.input-container,.mini-boxes-container{align-items:center;display:flex;width:100%}.mini-boxes-container{justify-content:space-between;max-width:800px}.mini-boxes{align-items:center;display:flex;flex-grow:1;gap:10px;justify-content:center}.input-container input{border:none;flex-grow:1;outline:none;padding:10px;width:100%}.lesson-ten-point-two-delete-button{align-items:center;background-color:#fae3e1;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:40px;justify-content:center;transition:background .3s ease-in-out;width:40px}.delete-button:hover{background-color:#c0392b}.quiz-container input{all:unset;font-size:1.2rem;padding:10px;text-align:center;width:100%}.quiz-container input:focus{border-color:#015770;box-shadow:0 0 5px #01577080}.symbol-row{align-items:center;gap:10px;width:100%}.arrow-button{background-color:#226fd3!important;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:1.5rem;height:40px;transition:background .3s ease-in-out;width:40px}.arrow-button:first-child{margin-right:10px}.arrow-button:last-child{margin-left:10px}.letter-buttons-container{display:flex;justify-content:space-between;width:280px}.letter-row-container{align-items:center;display:flex;gap:10px;margin-left:100px}.letter-button{background:#00d5d7;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1.5rem;height:40px;text-align:center;transition:background .3s;width:40px}.letter-button:hover{background:#015770}.symbol-buttons-container{gap:10px;margin-bottom:15px}.symbol-row{min-height:40px;width:320px}.symbol-row p{margin-right:5px}.symbol-row button{background:#004aad;border:none;border-radius:6px;color:#fff;cursor:pointer;flex:1 1;font-size:1.1rem;max-width:50px;padding:7px 14px;transition:.3s}.symbol-row:first-child button,.symbol-row:nth-child(4) button{font-weight:700!important}.symbol-row button:hover{background:#00d5d7}.subscript,.superscript,sub,sup{font-family:Orelega One,sans-serif;font-size:1.1rem;font-weight:400;line-height:1;vertical-align:initial}.delete-button,.letter-button,.symbol-row button{font-weight:400}.lesson-ten-point-two-exponent{font-weight:700}.input-container input{font-weight:400}.feedback{font-size:1.4rem;margin-top:10px}.feedback.correct{color:#2ecc71;font-weight:700}.feedback.incorrect{color:#e74c3c;font-weight:700}.hint{color:#251c0d;font-size:1.2rem;font-style:italic}.floating-tooltip{background-color:#ff0000d9;border-radius:5px;color:#fff;font-size:1rem;padding:5px 10px;pointer-events:none;position:absolute;transform:translate(-50%,-50%);white-space:nowrap;z-index:1000}.case-toggle-button{height:50px;width:120px}.symbol-row .case-toggle-button{flex-shrink:0;min-width:80px}.lesson-ten-point-two-separator{align-items:center;background-color:#000;border:1px solid #292626!important;display:flex;height:40px;margin:0 10px;width:3px}.formula-input{display:flex;gap:10px;justify-content:center;margin:10px 0}.base-input,.charge-input,.subscript-input{border:2px solid #ccc;border-radius:5px;font-size:1.5rem;height:40px;text-align:center;width:100px}.subscript-input{font-size:1.2rem;vertical-align:sub}.charge-input{font-size:1.2rem;vertical-align:super}.symbol-buttons-container{align-items:center;display:flex;flex-direction:column;margin-top:10px}.symbol-row{display:flex;gap:5px;justify-content:center;margin:5px 0}.symbol-row p{font-weight:700}.formula-preview{font-size:1.8rem;font-weight:700;margin-top:15px;text-align:center}.lesson-ten-point-two-feedback{border-radius:8px;font-family:Orelega One,sans-serif;font-size:1.25rem;font-weight:700;margin-top:8px;padding:8px 16px;text-align:center;transition:opacity .3s ease,transform .3s ease}.persistent-hint{color:#d35400;font-size:1rem;font-style:italic;margin-top:5px}.base-input,.charge-input,.subscript-input{font-family:Times New Roman,Times,serif}.add-input-group-button{background-color:#226fd3;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;padding:8px 15px;transition:background .3s,transform .2s}.add-input-group-button:hover{background-color:#004aad;transform:scale(1.05)}.add-input-group-button:hover:after{opacity:1}.lesson-ten-point-two-button-group{align-items:center;display:flex;gap:10px;margin-left:auto}.lesson-ten-point-three{background-image:url(/static/media/ChemClick_Background_Faded.b9d96dd7b480cb63953c.jpg);background-position:50%;background-size:cover;justify-content:center;min-height:100vh;overflow:hidden;width:100vw}.lesson-ten-point-three,.lesson-ten-point-three-box{align-items:center;display:flex;flex-direction:column}.lesson-ten-point-three-box{height:77vh;width:66vw}.lesson-ten-point-three-box-innercont{align-items:center;background-color:#00d5d7;background-image:url(/static/media/RainbowBackground.dbc06ef03f5cb8d05ce3.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border:5px solid #fff;border-radius:15px;box-shadow:0 4px 10px #01577080;display:flex;flex-direction:column;height:100vh;justify-content:flex-start;margin-right:5%;overflow-y:auto;padding:10px;scrollbar-width:thin;width:60vw}.lesson-ten-point-three-box-title{background-color:#fff;border:5px solid #015770;border-radius:5px;margin-bottom:20px;padding:15px;text-align:center;width:100%}.lesson-ten-point-three-content{align-items:center;background-color:#fff;border:5px solid #015770;border-radius:10px;display:flex;flex-direction:column;margin-bottom:20px;max-width:950px;padding:20px 20px 40px;width:100%}.lesson-ten-point-three-box-title h1,.lesson-ten-point-three-question h1{font-family:Orelega One,sans-serif;font-size:1.3rem;font-weight:400;margin:0}.lesson-ten-point-three-prompt{color:#0a0a0a;font-family:Orelega One,sans-serif;font-size:1.3rem;font-weight:400;line-height:1.5;margin-bottom:20px;max-width:800px;padding:0 20px;text-align:center}.lesson-ten-point-three-submit-feedback-container{align-items:center;display:flex;flex-direction:column;gap:8px;margin-top:30px;position:relative}.lowercase-hint{color:#d35400;font-size:1rem;font-style:italic;margin-top:5px}.lesson-ten-point-three-symbol{font-family:Times New Roman,Times,serif;font-size:1.5rem;font-weight:700;margin-bottom:15px}.input-container input,.lesson-one-point-three-feedback{font-family:Times New Roman,Times,serif;font-size:1.2rem}.lesson-one-point-three-feedback{font-weight:700}.LessonElevenPointOne{background-image:url(/static/media/ChemClick_Background_Faded.b9d96dd7b480cb63953c.jpg);background-position:50%;background-size:cover;justify-content:center;min-height:100vh;overflow:hidden;width:100vw}.LessonElevenPointOne,.LessonElevenPointOneBox{align-items:center;display:flex;flex-direction:column}.LessonElevenPointOneBox{height:66vh;width:66vw}.LessonElevenPointOneBoxInnercont{align-items:center;background-color:#00d5d7;background-image:url(/static/media/RainbowBackground.dbc06ef03f5cb8d05ce3.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border:5px solid #fff;border-radius:15px;box-shadow:0 4px 10px #01577080;display:flex;flex-direction:column;justify-content:flex-start;margin-right:5%;overflow:scroll;padding:10px;width:60vw}.LessonElevenPointOneBoxTitle{background-color:#fff;border:5px solid #015770;border-radius:5px;margin-bottom:20px;padding:15px;text-align:center;width:100%}.LessonElevenPointOneBoxTitle h1{font-family:Orelega One,sans-serif;font-size:1.3rem;font-weight:400}.LessonElevenPointOneContent{align-items:center;background-color:#fff;border:5px solid #015770;border-radius:10px;display:flex;flex-direction:column;margin-bottom:20px;max-width:950px;padding:20px 20px 15px;width:100%}.LessonElevenPointOnePrompt{color:#0a0a0a;font-family:Orelega One,sans-serif;font-size:1.3rem;font-weight:400;line-height:1.5;margin-bottom:20px;max-width:800px;padding:0 20px;text-align:center}.LessonElevenPointOneRow{align-items:flex-start;display:flex;flex-direction:row;gap:20px;justify-content:center;width:100%}.LessonElevenPointOneInput{border:5px solid #015770;border-radius:5px;display:flex;height:100%;margin:0;max-width:400px;overflow-y:scroll;padding:15px;position:relative;transition:background-color .3s ease,transform .2s ease;width:80%}.LessonElevenPointOneImageSelector{align-items:center;display:flex;flex-direction:column}.LessonElevenPointOneArrows{display:flex;justify-content:center;width:100%}.LessonElevenPointOneImageContainer{border:5px solid #015770;border-radius:5px;margin:0;max-width:290px;padding:15px;position:relative;transition:background-color .3s ease,transform .2s ease;width:100%}.LessonElevenPointOneImageContainer::-webkit-scrollbar{width:8px}.LessonElevenPointOneImageContainer::-webkit-scrollbar-thumb{background:#a0a0a0;border-radius:5px}.LessonElevenPointOneImageContainer .scrollable-image{height:auto;width:100%}.LessonElevenPointOneFeedback{border-radius:8px;font-family:Orelega One,sans-serif;font-size:1.25rem;font-weight:700;margin-top:5px;padding:8px 16px;text-align:center;transition:opacity .3s ease,transform .3s ease}.LessonElevenPointOneFeedback.correct{background-color:#e0f8e0;border:2px solid #237b31;color:#237b31;margin-top:15px}.LessonElevenPointOneFeedback.incorrect{background-color:#ffe6e6;border:2px solid #c94444;color:#662e2e;margin-top:15px}.LessonElevenPointOneFeedback.image-feedback{background-color:#e0f0ff;border:2px solid #005bb5;color:#036;margin-top:15px}.LessonElevenPointOneNext,.LessonElevenPointOneSubmit{background-color:#e3f0cc;border:5px solid #237b31;border-radius:10px;color:#000;cursor:pointer;font-family:Orelega One,sans-serif;font-size:1.25rem;margin-top:-15px;padding:10px 20px}.LessonElevenPointOneNext:active,.LessonElevenPointOneSubmit:active{background-color:#98c844}.LessonElevenPointThree{background-image:url(/static/media/ChemClick_Background_Faded.b9d96dd7b480cb63953c.jpg);background-position:50%;background-size:cover;justify-content:center;min-height:100vh;overflow:hidden;width:100vw}.LessonElevenPointThree,.LessonElevenPointThreeBox{align-items:center;display:flex;flex-direction:column}.LessonElevenPointThreeBox{height:66vh;width:66vw}.LessonElevenPointThreeBoxInnercont{align-items:center;background-color:#00d5d7;background-image:url(/static/media/RainbowBackground.dbc06ef03f5cb8d05ce3.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border:5px solid #fff;border-radius:15px;box-shadow:0 4px 10px #01577080;display:flex;flex-direction:column;justify-content:flex-start;margin-right:5%;overflow:scroll;padding:10px;width:60vw}.LessonElevenPointThreeBoxTitle{background-color:#fff;border:5px solid #015770;border-radius:5px;margin-bottom:20px;padding:15px;text-align:center;width:100%}.LessonElevenPointThreeBoxTitle h1{font-family:Orelega One,sans-serif;font-size:1.3rem;font-weight:400}.LessonElevenPointThreeContent{align-items:center;background-color:#fff;border:5px solid #015770;border-radius:10px;display:flex;flex-direction:column;margin-bottom:20px;max-width:950px;padding:20px 20px 15px;width:100%}.LessonElevenPointThreePrompt{color:#0a0a0a;font-family:Orelega One,sans-serif;font-size:1.3rem;font-weight:400;line-height:1.5;margin-bottom:20px;max-width:800px;padding:0 20px;text-align:center}.LessonElevenPointThreeRow{align-items:flex-start;display:flex;flex-direction:row;gap:20px;justify-content:center;width:100%}.LessonElevenPointThreeInput{border:5px solid #015770;border-radius:5px;display:flex;height:100%;margin:0;max-width:400px;overflow-y:scroll;padding:15px;position:relative;transition:background-color .3s ease,transform .2s ease;width:80%}.LessonElevenPointThreeImageSelector{align-items:center;display:flex;flex-direction:column}.LessonElevenPointThreeArrows{display:flex;justify-content:center;width:100%}.LessonElevenArrowLeft,.LessonElevenArrowRight{all:unset;background-color:#fffc;border:3px solid #015770;border-radius:10px;color:#015770;cursor:pointer;font-size:24px;font-weight:700;margin:3px;padding-left:5%;padding-right:5%}.LessonElevenPointThreeImageContainer{border:5px solid #015770;border-radius:5px;margin:0;max-width:290px;padding:15px;position:relative;transition:background-color .3s ease,transform .2s ease;width:100%}.LessonElevenArrowLeft:hover,.LessonElevenArrowRight:hover{background-color:#00d3d785;color:#fff}.LessonElevenArrowLeft:active,.LessonElevenArrowRight:active{background-color:#d3f6f7;transform:scale(.95)}.LessonElevenPointThreeImageContainer::-webkit-scrollbar{width:8px}.LessonElevenPointThreeImageContainer::-webkit-scrollbar-thumb{background:#a0a0a0;border-radius:5px}.LessonElevenPointThreeImageContainer .scrollable-image{height:auto;width:100%}.LessonElevenPointThreeFeedback{border-radius:8px;font-family:Orelega One,sans-serif;font-size:1.25rem;font-weight:700;margin-top:5px;padding:8px 16px;text-align:center;transition:opacity .3s ease,transform .3s ease}.LessonElevenPointThreeFeedback.correct{background-color:#e0f8e0;border:2px solid #237b31;color:#237b31;margin-top:15px}.LessonElevenPointThreeFeedback.incorrect{background-color:#ffe6e6;border:2px solid #c94444;color:#662e2e;margin-top:15px}.LessonElevenPointThreeFeedback.image-feedback{background-color:#e0f0ff;border:2px solid #005bb5;color:#036;margin-top:15px}.LessonElevenPointThreeNext,.LessonElevenPointThreeSubmit{background-color:#e3f0cc;border:5px solid #237b31;border-radius:10px;color:#000;cursor:pointer;font-family:Orelega One,sans-serif;font-size:1.25rem;margin-top:-15px;padding:10px 20px}.LessonElevenPointThreeNext:active,.LessonElevenPointThreeSubmit:active{background-color:#98c844}.LessonEleven-Lewis-Model-container{font-family:Orelega One,sans-serif;height:80%;text-align:center;width:100%}.LessonEleven-Inner-Lewis-Model-container{align-items:center;display:flex;flex-direction:column;margin-top:50px}.LessonEleven-Holder-LewisModel-Container{display:flex}.Lewis-Dot-structure{align-items:center;display:flex;font-size:50px;font-weight:700;justify-content:center;margin:20px 0}.Lewis-Dot-atom{text-align:center;width:80px}.Lewis-Dot-dots{font-size:30px;height:30px}.side-dots-right{display:flex}button{cursor:pointer;font-size:1em;margin:5px;padding:10px 15px}button:hover{background-color:#ddd}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;overflow-x:hidden}
/*# sourceMappingURL=main.7abf64ba.css.map*/