*{margin:0;padding:0;box-sizing:border-box}:root{--secondary-color: #d9dee4;--primary-color: #edeef0;--teritary-color: #3e53a0;--page-gray: rgb(183, 183, 183);--page-red: #88313f}#root{display:flex;flex-direction:column;align-items:center}html{font-size:62.5%}body,button{background-color:var(--primary-color);color:#323955;font-family:Inter,sans-serif;font-size:1.6rem}.error-text,.red-text{color:#d80000}.green-text{color:green}.magenta-text{color:var(--page-red)}.bold-text{font-weight:600}.page-padding{padding:0 10px}@media(min-width:768px){.page-padding{padding:0 30px}}.login-page__form{margin-top:60px;padding:20px 25px;background-color:#fff;display:flex;flex-direction:column;align-items:flex-start;row-gap:5px;border:1px solid rgb(183,183,183);border-radius:16px;width:90vw;max-width:550px}.login-page__form__login-text{font-size:2.4rem}.login-page__form__username-label,.login-page__form__password-label{margin-top:20px}.login-page__input-field{padding:12px 8px;border-radius:8px;border:1.6px solid rgb(183,183,183);width:100%}.login-page__input-field,.login-page_error-msg{font-size:1.6rem}.login-page__form__submit-btn{cursor:pointer;margin-top:20px;color:#fff;background-color:#282828;padding:12px 0;width:100%;border:none;border-radius:8px}.login-page__form__sign-up-link,.login-page__form__sign-up-link:active,.login-page__form__sign-up-link:focus,.login-page__form__sign-up-link:visited{margin-top:5px;color:#323955;text-decoration:none}.login-page__form__sign-up-link:hover{text-decoration:underline}@media(min-width:768px){.login-page__form{font-size:2rem}}.signup-page__form{margin-top:30px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;font-size:1.6rem;background-color:#fff;border:1px solid rgb(183,183,183);border-radius:16px;padding:20px 50px;width:80vw}.signup-page__signup-text{font-size:2.4rem;margin-bottom:20px}.signup-page__text-input{width:100%;padding:5px;border-radius:8px;border:1.6px solid rgb(183,183,183)}.signup-page__submit-btn{cursor:pointer;color:#fff;background-color:#282828;border-radius:5px;border:none;padding:10px 15px;align-self:center}@media(min-width:768px){.signup-page__form{width:60vw}}@media(min-width:1024px){.signup-page__form{font-size:1.8rem}.signup-page__signup-text{font-size:2.8rem}.signup-page__text-input{padding:8px 12px;font-size:1.6rem}}.school-selector{padding:3px 4px;border-radius:8px;font-size:1.6rem}@media(min-width:1024px){.school-selector{padding:6px 8px;font-size:1.6rem;width:100%}}.page-card{margin-top:30px;background-color:#fff;border:1px solid var(--page-gray);padding:20px;border-radius:10px;display:flex;flex-direction:column;align-items:flex-start;width:90vw;max-width:600px}.page-card__heading-box{display:flex;justify-content:space-between;width:100%;align-items:center;padding-bottom:15px;border-bottom:1px solid var(--page-gray);font-size:1.5rem}.page-card__list{list-style-type:none;width:100%}.page-card__list__item{display:flex;flex-direction:column;cursor:pointer;border-bottom:1px solid var(--page-gray);padding:10px 20px}.page-card__login-btn{margin-top:20px}@media(min-width:768px){.page-card__heading-box{font-size:1.7rem}.page-card__list{zoom:1.3}}@media(min-width:1024px){.page-card__heading-box{font-size:1.8rem}.page-card__list{zoom:1.5}}.logout-btn{cursor:pointer;background-color:#fff;border:1px solid black;padding:6px 12px;border-radius:5px}@media(min-width:768px){.logout-btn{font-size:1.8rem}}@media(min-width:1024px){.logout-btn{font-size:2.1rem}}@media(min-width:1440px){.logout-btn{font-size:2.5rem}}.manage-assignment__assignments-box,.manage-assignments__create-btn{font-size:1.4rem}.manage-assignment__assignments-box{margin-top:30px;background-color:#fff;border:1px solid rgb(183,183,183);padding:15px 20px 35px;border-radius:10px}.manage-assignment__heading-text{font-size:1.6rem}.manage-assignment__assignments-box__head-box{display:flex;justify-content:space-between;align-items:center;padding-bottom:15px;border-bottom:1px solid rgb(183,183,183)}.manage-assignments__create-btn{padding:8px 12px;border-radius:5px;border:1px solid rgb(183,183,183);cursor:pointer}.manage-assignments-assignments-list{list-style-type:none}.manage-assignments-assignments-list__item{cursor:pointer;border-bottom:1px solid rgb(183,183,183);padding:10px 20px}@media(min-width:768px){.manage-assignment__heading-text{font-size:1.7rem}.manage-assignment__assignments-box{zoom:1.3}}@media(min-width:1024px){.manage-assignment__heading-text{font-size:1.8rem}.manage-assignment__assignments-box{zoom:1.5}}.server-link{color:#323955;font-size:2.4rem;text-decoration:none;width:300px;text-align:center}.server-link:hover{text-decoration:underline}@media(min-width:768px){.server-link{width:610px}}.header-box{width:100vw;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgb(183,183,183);padding:20px}.profile-box{display:flex;align-items:center}.profile-img-box{position:relative;width:40px;height:40px;border-radius:50%}.profile-img{position:absolute;top:6px;right:6px;width:26px;height:26px}.profile-name{margin-left:10px;color:#171717;font-size:1.8rem}.student-entry-page__logout-btn{cursor:pointer;background-color:#fff;border:1px solid black;padding:6px 12px;border-radius:5px}@media(min-width:768px){.profile-name{font-size:2.1rem}.profile-img-box{width:48px;height:48px}.profile-img{top:8px;right:4px;width:30px;height:30px}.student-entry-page__logout-btn{font-size:1.8rem}}@media(min-width:1024px){.profile-name{font-size:2.3rem}.profile-img-box{width:51px;height:51px}.profile-img{right:0;width:35px;height:35px}.student-entry-page__logout-btn{font-size:2.1rem}}@media(min-width:1440px){.profile-name,.student-entry-page__logout-btn{font-size:2.5rem}.profile-img-box{width:54px;height:54px}.profile-img{top:6px;right:3px;width:37px;height:37px}}.grade-table{margin-top:30px;width:95vw;font-size:2.2rem;border-collapse:collapse;text-align:center;max-width:800px}.grade-table__heading-row{background-color:var(--teritary-color);color:#ccd4de;height:50px}@media(min-width:768px){.grade-table{font-size:2.5rem}}@media(min-width:1024px){.grade-table{font-size:2.7rem}}@media(min-width:1440px){.grade-table{font-size:2.9rem}}.grade-row{height:55px;position:relative;cursor:pointer}.grade-row:nth-child(2n){background:var(--secondary-color)}.delete-row{border:3px dashed red}.delete-row-confirm{border:4px dashed red;color:red;font-weight:700}.grade-row__cell{position:relative}.cell-input-box{background:none;border:2px solid var(--teritary-color);position:absolute;top:0;left:0;width:100%;height:100%;font-size:2.2rem}.cell-input-box::placeholder{text-align:center}@media(min-width:768px){.cell-input-box{font-size:2.5rem}}@media(min-width:1024px){.cell-input-box{font-size:2.7rem}}@media(min-width:1440px){.cell-input-box{font-size:2.9rem}}.view-course-page{display:flex;flex-direction:column;font-size:1.3rem}.view-course-page__course-title{font-size:1.6rem;width:fit-content}.view_course_page__course-info-bar{margin-top:15px;display:flex;flex-direction:column;font-weight:600}.view-course-page__teacher-view-text{margin-top:20px}@media(min-width:768px){.view-course-page,.view-course-page__teacher-view-text{font-size:1.6rem}.view-course-page__course-title{font-size:2rem}}@media(min-width:1024px){.view-course-page,.view-course-page__teacher-view-text{font-size:2rem}.view-course-page__course-title{font-size:2.4rem}}.assignments-table__info-bar{margin-top:20px;font-weight:600}.assignments-table__info-bar,.assignments-table__list__item{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1.8fr;align-items:center;padding:15px 0;font-size:1.2rem}.assignments-table__info-bar,.assignments-table__list__item__text{padding-left:10px}.assignments-table__list{list-style-type:none;width:100vw}.assignments-table__list__item:nth-child(odd){background-color:#fff}.assignments-table__list__item:nth-child(2n){background-color:var(--secondary-color)}@media(min-width:768px){.assignments-table__info-bar,.assignments-table__list__item{font-size:1.6rem}.assignments-table__info-bar,.assignments-table__list__item__text{padding-left:30px}}@media(min-width:1024px){.assignments-table__info-bar,.assignments-table__list__item{font-size:2rem}}.assignments-table__points-earned-input{width:44px;padding:3px 0;background:none;text-align:right;border:1.5px solid black;border-radius:5px;font-size:1.6rem}@media(min-width:768px){.assignments-table__points-earned-input{font-size:1.9rem;padding:5px 0}}@media(min-width:1024px){.assignments-table__points-earned-input{font-size:2.2rem;padding:7px 0}}.grades-bar__weight-grade,.grades-bar-list{font-size:1.2rem}.grades-bar__weight-grade{margin-top:24px}.grades-bar-list{margin-top:5px;list-style:none;display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;column-gap:10px}@media(min-width:768px){.grades-bar__weight-grade,.grades-bar-list{font-size:1.6rem}}@media(min-width:1024px){.grades-bar__weight-grade,.grades-bar-list{font-size:2rem}}.student-dropdown-form{margin-top:5px}.student-dropdown{margin-left:10px;padding:5px 7px;border:1px solid black;border-radius:7px}@media(min-width:768px){.student-dropdown{font-size:1.6rem}}@media(min-width:1024px){.student-dropdown{font-size:2rem;padding:9px 12px}}.course-dropdown-form{margin-top:10px;max-width:100vw;overflow-x:hidden}.course-dropdown{margin-left:10px;padding:3px 5px;border:1px solid black;border-radius:7px}@media(min-width:768px){.course-dropdown{font-size:1.6rem;padding:5px 7px}}@media(min-width:1024px){.course-dropdown{font-size:2rem;padding:8px 9px}}.publish-assignment-form{display:flex;flex-direction:column;justify-content:center;font-size:1.8rem}.publish-assignment-form__heading{font-size:2.4rem;margin-bottom:20px}.publish-assignment-form__input{padding:6px 8px;border-radius:5px;border:none;border:.4px solid gray;color:var(--teritary-color)}.publish-assignment-form__assignment-type-input{content:"select assignment type"}.publish-assignment-form__submit-btn{cursor:pointer;margin-top:10px;border-radius:5px;font-weight:600;padding:12px;width:50%;align-self:center}@media(min-width:768px){.publish-assignment-form__heading{font-size:3rem}.publish-assignment-form{font-size:2rem;zoom:1.2}.publish-assignment-form__submit-btn,.publish-assignment-form__input{font-size:1.6rem}.publish-assignment-form__submit-btn{padding:10px;font-size:2rem}}@media(min-width:1024px){.publish-assignment-form__heading{font-size:3.2rem}}.error-page__home-btn{cursor:pointer;background-color:#fff;padding:7px 12px;border:none;border-radius:5px;box-shadow:0 0 0 1px #cecece}.bulk-grade-page{margin-top:50px}.bulk-grade-page__student-name{font-size:4rem;text-align:center}.bulk-grade-page__points-form{margin-top:40px}.bulk-grade-page__points-form__points-and-arrow-box{display:flex;column-gap:40px;justify-content:space-evenly}.bulk-grade-page__arrow{cursor:pointer;padding:15px 20px;border:none;font-size:2rem;border:1px solid black}.bulk-grade-page__points-box{background-color:transparent;border:1px solid black;border-radius:5px;padding:10px;display:flex;justify-content:center;align-items:center}.bulk-grade-page__points-input{height:100%;background-color:transparent;border:none;border-radius:5px;font-size:2.4rem;text-align:right;width:50px;outline:none}.bulk-grade-page__points-input:focus{outline:1px solid black}.bulk-grade-page__points-input::placeholder{text-align:center}.bulk-grade-page__points-box__bar-span,.bulk-grade-page__points-box__PTS-text{font-size:5rem}.bulk-grade-page__points-box__PTS-text{font-size:2.4rem}.bulk-grade-page__missing-grade-btns-box{margin-top:30px;display:flex;justify-content:center}.bulk-grade-page__missing-grade-btn{background-color:var(--page-red);color:#fff;font-weight:600;border-radius:5px;letter-spacing:1px;padding:20px 15px;cursor:pointer;font-size:2rem;border:none}@media(min-width:768px){.bulk-grade-page{zoom:1.3}}@media(min-width:1024px){.bulk-grade-page{zoom:1.5}}.bulk-grade-page__review-students-list{list-style-type:none}.bulk-grade-page__review-students-list__item{cursor:pointer;margin-top:20px;padding:10px 20px;background-color:#fff;border-radius:5px;box-shadow:0 0 0 1px #d3d3d3;display:grid;grid-template-columns:1.2fr 1fr 1fr}.review-bulk-grades__mark-missing-form{margin-top:10px;display:flex;align-items:center;justify-content:space-between}.review-bulk-grades__mark-missing-checkbox{cursor:pointer;height:40px;width:40px}.review-bulk-grades__submit-btn{margin-top:20px;cursor:pointer;padding:10px 8px;background-color:#fff;border:none;border-radius:5px;box-shadow:0 0 0 1px #acacac}