@import url(https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,500;0,700;0,900;1,300;1,400;1,500;1,700;1,900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Public+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=Roboto:ital,wght@0,400;0,500;0,700;0,900;1,300;1,400;1,500;1,700;1,900&display=swap);body{display:flex;height:90vh;margin:0}.main-page{background:#fff;border-radius:10px;box-shadow:0 4px 9px rgba(0,0,0,.1),0 8px 53px rgba(0,120,240,.25);height:90%;left:412px;position:absolute;top:5%;width:590px}.nav-bar{background:#fff;flex-direction:column;flex-grow:1;height:95vh;left:0;padding-top:60px;top:0;width:400px}.nav-bar,.page-icon{align-items:center;display:flex}.page-icon{background:rgba(0,120,240,.02);border-radius:100%;box-shadow:0 4px 4px rgba(0,120,240,.05);box-shadow:0 4px 4px rgba(0,120,240,.1);color:#0078f0;font-size:50px;height:100px;justify-content:center;left:245px;margin-top:-50px;position:relative;width:100px}.page-title{align-items:flex-end;color:rgba(0,120,240,.5);display:flex;font-size:26px;font-style:normal;font-weight:100;line-height:31px}:root{display:flex;font-family:Roboto;height:100vh;width:100vw}.primary-button{background:rgba(0,120,240,.1);border:1px solid #0078f0;border-radius:10px;box-sizing:border-box;color:#0078f0;display:none;flex-direction:column;font-family:Roboto;font-size:15.3647px;font-style:normal;font-weight:500;height:69px;justify-content:center;line-height:18px;margin:10px;text-align:center;text-transform:uppercase;width:240px}.primary-button a{color:inherit;text-decoration:none}.primary-button .icon{float:right;font-size:20px;line-height:0px;margin-right:2vw}.login-page{align-self:center;height:65%;top:17%}.login-form,.signup-form{align-items:center;display:flex;flex-direction:column;left:12%;position:relative;width:450px}input{align-items:flex-end;border:none;border-bottom:1px solid rgba(0,0,0,.44);color:rgba(0,0,0,.44);display:flex;font-size:17.9255px;font-style:normal;font-weight:400;height:34px;line-height:21px;margin-bottom:34px;width:289px}.page-title{font-weight:400;margin-bottom:20px;text-align:center}input:focus{background:#fff;outline:none}button{background:rgba(0,120,240,.1);border:1px solid #0078f0;border-radius:10px;box-sizing:border-box;color:#0078f0;font-size:15.3647px;font-style:normal;font-weight:500;height:51.22px;line-height:18px;text-transform:uppercase;width:288.09px}.secondary-buttons{margin-top:30px;width:350px}.login-form .secondary-buttons{display:flex;justify-content:space-between}.secondary-button,.secondary-buttons a{color:rgba(0,120,240,.44);font-family:Public Sans;font-size:17.9255px;font-style:normal;font-weight:400;line-height:21px}.signup-page{height:80%;top:13%}.classroom-id,.user-id{font-weight:700;height:26px;text-align:center;visibility:hidden;width:289px}.classroom-id,.role-options,.user-id{color:rgba(0,0,0,.44);font-family:Public Sans;font-size:17.9255px;font-style:normal;line-height:21px}.role-options{display:flex;font-weight:400;justify-content:space-between;width:350px}.role-options input{height:20px;margin-right:10px;margin-top:-1px;width:20px}.input-with-icon,.role-options .role-option{display:flex}.icon-small{color:rgba(0,120,240,.44);margin-left:-32px;margin-top:7px}#btn-hide-password{display:none}.forgot-password-page{height:60%;top:17%}.forgot-password-form p{margin-bottom:40px;text-align:center}.create-classroom-page{height:60%;top:17%}.join-classroom-page{height:70%;top:15%}.label-input{align-items:center;display:flex;vertical-align:bottom;width:450px}.label-input label{font-size:21px;margin-right:px;padding-bottom:30px;width:172px}.instructions{font-size:18px;margin-top:50px}.classroom-info{display:flex;display:none;flex-direction:row;flex-wrap:wrap;list-style-type:none;margin-bottom:50px;padding:0;width:250px}.button-add-student,.student-info-empty{display:none}.classroom-info li{flex-basis:100px;flex-grow:2}.delete-classroom-button{justify-content:center;margin-bottom:30px;margin-top:30px}.delete-classroom-button a{color:rgba(0,120,240,.44);font-family:Public Sans;font-size:17.9255px;font-style:normal;font-weight:400;line-height:21px;text-align:center}.i-am-a{color:rgba(0,0,0,.44);font-size:18px;font-weight:700;line-height:21px;text-align:left;width:80%}.level-buttons{display:flex;flex-direction:column}.level-button{flex-grow:1;height:8vh;margin:1vh;width:30vw}.question-button,.question-buttons{text-decoration:none}.question-button{background:rgba(0,120,240,.1);display:flex;justify-content:space-evenly;padding:1vh 3vw 1vh 1vh;width:500px}.question-button img{width:5vw}.question-buttons a{color:transparent}.question-button li{align-self:center;border:1px solid rgba(0,120,240,.44);border-radius:1vh;color:#0078f0;font-size:24px;list-style-type:none;padding:1vh 3vh;text-decoration:none}.question-button .correct{background:#e0fef8;border-color:rgba(0,120,0,.44);color:#507b59}.icon-delete-question{fill:#781914;margin-right:1vh}.home-page{align-items:center;display:flex;flex-direction:column;justify-content:center}.home-page .primary-button{width:400px}.home-page h1{display:block}.secondary-info{color:rgba(0,120,240,.5);display:flex;justify-content:space-between;width:540px}.secondary-info-left{font-size:36px;font-style:normal;font-weight:400;margin:0}.secondary-info-right{color:#093f68;line-height:3px}.secondary-info-top-right{font-size:17.9255px;font-weight:700}.secondary-info-top-bottom{font-size:17.9255px;font-weight:400}.classroom-list,.family-member-list{height:400px;margin-top:25px;overflow-y:scroll}.classroom-button,.classroom-member-button,.family-member-button{background:rgba(0,120,240,.02);border:1px solid rgba(0,120,240,.05);border-radius:10px;display:flex;flex-direction:column;height:60px;justify-content:center;margin:15px;width:460px}.classroom-button a,.classroom-member-button a,.family-member-list a{align-items:center;color:#0078f0;display:flex;font-size:15.3647px;font-weight:500;line-height:18px;margin-left:15px;text-decoration:none;text-transform:uppercase}.family-member-button{display:flex;flex-direction:row;justify-content:space-around}.classroom-page{height:90%}.student-list{height:75vh;overflow-y:scroll}.classroom-member-button{height:30px;margin:5px;padding-left:20px;padding-right:20px}.classroom-button,.classroom-member-button{flex-direction:row;justify-content:space-between}.classroom-button{display:flex}.small-icons{display:flex;margin-right:21px;width:50px}.icon-small{color:rgba(0,120,240,.7);font-size:26px;justify-self:center;margin-left:2px}#classroom-info-empty{display:none}.classroom-member-button{height:40px}.student-level-big{color:#0078f0;font-size:40px;font-weight:400;line-height:47px;margin-top:5px}.profile-page{height:90%}.single-line-button{flex-direction:column;justify-content:space-between;margin-bottom:15px;text-align:center}.single-line-button a{margin-bottom:10px}.student-name-buttons-small{width:300px}.student-name-buttons-small .family-member-button{color:#0078f0;height:30px;padding-top:7px;width:300px}.nezuko-in-basket,.nezuko-in-basket img{height:0;opacity:hidden}.sleepy-nezuko{bottom:0;left:15vh;position:fixed;right:2vh;top:0;z-index:3}.sleepy-nezuko img{height:14.8vh;width:auto}.quiz-container{display:flex;flex-direction:column;z-index:1}.top-box{display:flex;margin:1vh}.top-box p{align-items:center;color:#0078f0;display:flex;flex-basis:0;flex-grow:2;font-family:roboto;font-size:4.2vh;font-weight:600;margin-left:3vh;margin-right:1vh;margin-top:2vh;min-width:10vh;white-space:nowrap}.top-box .progress-bar{flex-basis:0;flex-grow:3.5}.image-box{display:flex;flex-basis:0;flex-direction:column;flex-grow:1;max-height:40vh}.image-box img{align-items:center;flex-direction:row;justify-content:space-around;max-height:90%;width:auto}.image-box #speaker{background:transparent;border:0;bottom:2vh;height:auto;margin-left:65%;margin-top:-5%;width:30%}.choice-box{display:flex;flex-basis:0;flex-direction:column;flex-grow:1;margin-bottom:5%;max-height:48vh}.choice-box button{border:1px solid #0078f0;color:#0078f0;flex-grow:1;font-family:roboto;font-size:3vh;margin:.5vh .5vh .5vh 10%;width:80%}.choice-box button:focus,.image-box #speaker:focus{outline:0;outline-color:transparent;outline-style:none}.hero-button{border:0;border-radius:30px;outline:none;overflow:hidden;position:relative}.check-box{height:4vh;line-height:0px;margin-left:68%;margin-right:-40px;margin-top:-6vh;opacity:0;overflow:visible;position:absolute;width:4vh}svg .hero-correct{stroke-width:2;stroke:green;background:red}svg polygon{stroke-width:5;stroke:red}.correct-button{background:#e0fef8;transition:.5s}.correct-button .check-box,.incorrect-button .check-box{margin-left:60%;opacity:1;transition:.5s}.incorrect-button .check-box svg{height:4vh}.incorrect-button{background:#ff8282;transition:.5s}.progress-bar,.progress-bar:after,.progress-bar:before{box-sizing:border-box;margin:0;padding:0}.progress-bar{background:#005ab4;border-radius:1.5em;color:#fff;height:2em;margin-left:2.5%;margin-top:2%;width:95%;z-index:2}.progress-bar:before{align-items:center;background:#0078f0;background:linear-gradient(90deg,#0078f0 25%,#fff);border-radius:1em;bottom:.15em;content:attr(data-label);display:flex;height:1.6em;left:.25em;max-width:calc(100% - .5em);min-width:1rem;padding-left:1em;position:relative;top:.2em;width:0;width:calc(var(--width, 0)*1%)}
/*# sourceMappingURL=main.fe982980.css.map*/