h1{font-size:4rem;font-weight:normal}h2{font-size:2.5rem}h3{font-size:2rem;font-weight:300}h4{font-size:1.75rem}p{font-size:1.5rem}*,*::before,*::after{margin:0;padding:0;box-sizing:inherit}html{box-sizing:border-box;font-size:62.5%}body{font-family:"Jost", sans-serif;color:#666;font-weight:normal;line-height:1.6;display:flex;flex-direction:column;min-height:100vh}.container{margin:0 auto}textarea{font-family:inherit;font-size:medium !important}main{flex:1;display:flex}.page{flex:1;display:flex}.page__nav{width:20rem}.page__content{padding:2rem;flex:1;display:flex;flex-direction:column}.page__content-row{flex:1;display:flex;flex-direction:row}@media print{.header{display:none}.footer{display:none}.side-nav{display:none}.report__column{page-break-inside:avoid}}@media only screen and (min-device-width: 320px) and (max-device-width: 480px){html{font-size:50%}}.card{background-color:white;box-shadow:1px 1px 3px 1px rgba(28,52,110,0.2);font-size:1.5rem;width:max-content;height:max-content;position:relative;display:flex;flex-wrap:wrap}.card__header-background{background-image:linear-gradient(to bottom, #cfd1e2, #2f4885);clip-path:polygon(0 0, 100% 0, 100% 50%, 0 80%);z-index:3;height:5rem}.card__header-text{font-size:2rem;white-space:nowrap;color:#ffd293;background-color:#1c346e;transform:skew(-20deg);padding:0 1rem;position:absolute;top:1rem;left:4rem}.card__outline-box{border:1px solid rgba(47,72,133,0.5)}.card__outline-box--bottom{border-bottom:1px solid rgba(47,72,133,0.5)}.card__column{min-width:20rem}.card__column--small{min-width:20rem}.card__column--medium{min-width:30rem}.card__column--large{min-width:40rem}.card__column--extra-large{min-width:50rem}.card__item{padding:0 1rem}.card__item--center{text-align:center}.card__item--left{text-align:left}.card__item--right{text-align:right}.card__button{background-color:#c78b37;color:white;font-size:1.5rem;padding:0px 0.5rem;margin:1rem;text-decoration:none;border:none;border-radius:3px}.card__button:hover,.card__button:active,.card__button:focus{outline:none;background-color:#7c4a03;cursor:pointer}.dropdown{position:relative;background-color:inherit;display:flex;justify-content:center;border:1px solid black;padding:0.5rem;cursor:pointer}.dropdown__content{position:absolute;display:none;background-color:white;box-shadow:1px 1px 3px 1px rgba(0,0,0,0.2);width:max-content;padding:1rem 2rem;top:3rem;z-index:1}.dropdown__item{color:#1c346e;font-weight:normal;border-bottom:2px solid transparent}.dropdown__item:hover{text-decoration:none;border-bottom-color:#1c346e}.dropdown:hover .dropdown__content{display:block}.alert{position:fixed;top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:9999;color:#fff;font-size:2rem;font-weight:400;text-align:center;border-bottom-left-radius:2px;border-bottom-right-radius:2px;padding:2rem 20rem;-webkit-box-shadow:0 2rem 4rem rgba(0,0,0,0.25);box-shadow:0 2rem 4rem rgba(0,0,0,0.25)}.alert--success{background-color:green}.alert--error{background-color:red}.form{background-color:#fffbf0;box-shadow:1px 1px 3px 1px rgba(28,52,110,0.2);font-size:3rem;min-width:min-content;width:50%;height:max-content;margin:auto;position:relative;display:flex;flex-wrap:wrap;flex-direction:column}.form--wide{width:90%}.form--row{flex-direction:row}.form__warning{color:red;font-weight:bold;font-size:2.5rem;visibility:hidden;text-align:center;flex:1;border:1px solid red}.form__header-background{background-image:linear-gradient(to bottom, #cfd1e2, #2f4885);clip-path:polygon(0 0, 100% 0, 100% 50%, 0 80%);z-index:3;height:10rem;flex:1}.form__header-text{font-size:3rem;white-space:nowrap;color:#ffd293;background-color:#1c346e;transform:skew(-20deg);z-index:20;padding:0 1rem;position:absolute;top:1rem;left:4rem}.form__outline-box{border:1px solid rgba(47,72,133,0.5)}.form__outline-box--bottom{border-bottom:1px solid rgba(47,72,133,0.5)}.form__row{width:100%;display:flex;flex-wrap:wrap}.form__column{flex:1}.form__column--small{min-width:20rem}.form__column--medium{min-width:30rem}.form__column--large{min-width:40rem}.form__item{padding:0 1rem}.form__item--center{text-align:center}.form__item--left{text-align:left}.form__item--right{text-align:right}.form__button{background-color:#1c346e;color:white;font-size:1.5rem;padding:0.5rem 2rem;margin:0.5rem auto;border:none;border-radius:5px;margin-bottom:2rem}.form__button:hover{outline:none;background-color:#cfd1e2;cursor:pointer}.form__button:disabled{outline:none;background-color:#eee;color:#aaa;cursor:not-allowed}.form__cancel{background-color:inherit;color:black;border:1px solid black;border-radius:5px}.form__cancel:hover,.form__cancel:active{background-color:inherit;color:#cfd1e2;border-color:#cfd1e2}.form__label{font-size:1.5rem;color:#7c4a03}.form__label-radio{font-size:1.5rem;color:#1c346e;margin-left:0.5rem;margin-right:1.5rem}.form__input{font-size:2rem;background-color:white;margin:0 1rem 1rem 1rem;padding:0 1rem;border:1px solid #c78b37;display:block}.form__input--inline{display:inline}.form__input:focus{outline:none;border-bottom:3px solid green}.form__input:focus:invalid{border-bottom-color:red}.form__input::placeholder{font-size:1.5rem;color:#aaa}.form__radio-group,.form__dropdown-group{display:flex;flex-wrap:wrap;flex-direction:column;width:100%;justify-content:center}.form__radio-item{display:flex;align-items:center}.form__radio-item:hover{cursor:pointer}.form__select--narrow{width:10rem}.form__select--medium{width:25rem}.form__select--wide{width:50rem}.form__select:disabled{outline:none;background-color:#eee;color:#aaa;cursor:not-allowed}.form__option{font-style:italic;font-weight:bold}.form__option:disabled{color:#aaa;font-style:normal;font-weight:normal}select{border:1px solid #c78b37;color:#2f4885;outline:none;font-size:2rem;padding:3px;background-color:white}option{font-size:1.5rem;padding-left:1rem}.year-select{margin:auto}.form-modal__window,.delete-modal__window{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);opacity:0;visibility:hidden;transform:scale(0.7);display:flex;justify-content:center;align-items:center}.form-modal__content,.delete-modal__content{position:absolute;flex:1;box-shadow:5px 5px 5px 1px black}.form-modal__close,.delete-modal__close{top:0;right:0;width:1.5rem;line-height:1.5rem;text-align:center;cursor:pointer;border-radius:0.25rem;background-color:#cfd1e2}.form-modal__close:hover,.delete-modal__close:hover{background-color:#2f4885}.form-modal__show,.delete-modal__show{opacity:1;visibility:visible;transform:scale(1);transition:visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s}.button,.button-ok{background-color:#2f4885;color:white;font-size:1.5rem;padding:0.5rem 2rem;margin:1rem;border:0.5px solid #2f4885;border-radius:5px;margin-bottom:2rem}.button:hover,.button:active,.button-ok:hover,.button-ok:active{border-color:#cfd1e2;outline:none;background-color:#cfd1e2;cursor:pointer}.button-cancel{background-color:inherit;color:black;width:8rem;border:0.5px solid black;border-radius:5px;font-size:1.5rem;padding:0.5rem 2rem;margin:1rem}.button-cancel:hover,.button-cancel:active{border:0.5px solid #cfd1e2;color:#cfd1e2;cursor:pointer}.tooltip{position:relative}.tooltip:before{content:attr(data-text);position:absolute;top:50%;transform:translateY(-50%);left:100%;margin-left:15px;width:200px;padding:10px;border-radius:10px;text-align:center;display:none}.tooltip:hover:before{display:block}.header{background-color:#1c346e;color:#ffd293;fill:#ffd293;font-style:italic;height:min-content;width:100%;padding-top:.8rem;display:flex;align-items:center}.header>*{padding:0 1rem;line-height:1.4}.header__icon{width:6rem;height:6rem}.header__h1{font-weight:normal;padding-bottom:4px;white-space:nowrap}.header__subheadings{line-height:1;flex:1;display:flex;flex-direction:column}.header__user{margin:0rem 2rem;border:2px solid transparent;transition:all .2;color:#c78b37}.header__user:hover{color:#ffd293;cursor:pointer}.section-login,.section-reset-password{height:90vh;background-image:linear-gradient(to bottom, rgba(255,255,255,0.8), rgba(255,255,255,0.8)),url("/img/rosary.jpg");background-size:cover;display:flex;justify-content:center;align-items:center}.section-login *,.section-reset-password *{border-radius:3px}.login__form,.reset-password__form{background-color:rgba(207,209,226,0.9);font-size:2rem;padding:5rem;box-shadow:1px 2px 3px 1px rgba(0,0,0,0.6);display:flex;flex-direction:column}.login__input,.reset-password__input{font-size:inherit;margin-top:1rem;padding:.5rem;border:none;border-bottom:2px solid transparent}.login__input:focus,.reset-password__input:focus{outline:none;border-bottom:3px solid green}.login__input:focus:invalid,.reset-password__input:focus:invalid{border-bottom-color:red}.login__input::placeholder,.reset-password__input::placeholder{font-size:1.5rem;color:#aaa}.login__button-group,.reset-password__button-group{display:flex;padding:2rem;padding-bottom:0;justify-content:space-evenly}.login__button,.reset-password__button{font:inherit;border:none;background-color:#2f4885;color:#fff;padding:.3rem 2rem;width:max-content;align-self:center}.login__button:hover,.login__button:active,.login__button:focus,.reset-password__button:hover,.reset-password__button:active,.reset-password__button:focus{outline:none;background-color:#1c346e}.login__link,.reset-password__link{color:#1c346e;border-bottom:2px solid transparent;line-height:1;font-size:1.5rem;align-self:center}.login__link:hover,.reset-password__link:hover{border-bottom:2px solid #1c346e}.section-splash{height:90vh;background-image:linear-gradient(to bottom, rgba(0,0,0,0.8), rgba(255,255,255,0.8)),url("/img/oloc.jpg");background-size:cover;color:#fff;display:flex;justify-content:center;align-items:center}.section-splash *{border-radius:3px}.section-splash{height:90vh;background-image:linear-gradient(to bottom, rgba(0,0,0,0.8), rgba(255,255,255,0.8)),url("/img/oloc.jpg");background-size:cover;color:#fff;display:flex;justify-content:center;align-items:center}.section-splash *{border-radius:3px}.error{margin:auto;width:max-content;height:100vh;padding-bottom:10rem;display:flex;flex-direction:column;align-items:center;justify-content:center}.error__heading{border-bottom:2px solid #c78b37}.error__message{margin:3rem;border-bottom:2px solid #2f4885;text-align:center;font-size:4rem;transform:skewX(-20deg)}.families{margin:5rem;display:grid;grid-template-columns:repeat(auto-fit, minmax(40rem, min-content));gap:7rem;justify-items:center}.family-card__children{background-color:rgba(255,210,147,0.3);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0 2rem}.family-card__header-image{background-image:linear-gradient(to bottom, rgba(255,210,147,0.2), rgba(255,210,147,0.3)),url("/img/oloc.jpg");background-size:cover}.family{padding:2rem 5rem;background-color:#fffbf0}.family__title{text-align:center}.family__dropdown{background-color:white;width:max-content;text-align:center;margin:0 auto}.family__parents{padding:5rem;display:flex;justify-content:center;flex-wrap:wrap;gap:7rem}.family__children{padding:5rem;display:flex;justify-content:center;flex-wrap:wrap;gap:7rem}.class{display:flex}.class__group{background-color:#f8f8fb}.class__time{flex:1;text-align:right}.class__name{flex:2;padding-left:1rem;text-align:left}.year-selector{display:flex;justify-content:center}.children table{font-size:2rem;margin:5rem auto}.children th{background-color:#2f4885;color:#ffd293;font-style:italic;padding:0 2rem}.children tr{background-color:white}.children tr:hover{background-color:#cfd1e2}.children td{background-color:inherit;border:1px solid gray;font-size:2rem;padding:0 0.5rem}.children .button{background-color:white}.children .edit{color:#2f4885;padding:0.2rem 0.5rem}.children .edit:hover{transform:scale(1.5);color:green}.children .delete{padding:0 0.4rem;color:#c7a337}.children .delete:hover{transform:scale(1.5);color:red}.children .new{text-align:center;a-text-decoration:none}.children .new:hover{transform:scale(1.5);color:#c7a337}.child-profile__form{width:50%}.child-profile--wide{width:90%}.child-delete__modal{background-color:white;padding:1rem 2rem 0rem;border-radius:2px;text-align:center}.child-delete__warning{color:red;font-size:3rem;font-weight:bolder}.children{padding:2rem 5rem;display:flex;justify-content:center;flex-wrap:wrap;gap:7rem}.children__title{text-align:center}.courses table{font-size:2rem;margin:5rem auto}.courses th{background-color:#2f4885;color:#ffd293;font-style:italic;padding:0 2rem}.courses tr{background-color:white}.courses tr:hover{background-color:#cfd1e2}.courses td{background-color:inherit;border:1px solid gray;font-size:2rem;padding:0 0.5rem}.courses .button{background-color:white}.courses .edit{color:#2f4885;padding:0.2rem 0.5rem}.courses .edit:hover{transform:scale(1.5);color:green}.courses .delete{padding:0 0.4rem;color:#c7a337}.courses .delete:hover{transform:scale(1.5);color:red}.courses .new{text-align:center;a-text-decoration:none}.courses .new:hover{transform:scale(1.5);color:#c7a337}.course-profile__form{width:50%}.course-profile--wide{width:90%}.course-delete__modal{background-color:white;padding:1rem 2rem 0rem;border-radius:2px;text-align:center}.course-delete__warning{color:red;font-size:3rem;font-weight:bolder}.courses{padding:2rem 5rem;display:flex;justify-content:center;flex-wrap:wrap;gap:7rem}.courses__title{text-align:center}.courses .course_card__grades,.courses .course_card__semesters{display:flex;justify-content:left}.courses .course_card__header-text{max-width:40rem;white-space:normal}.year-selector{display:flex;justify-content:center}.classes table{font-size:2rem;margin:5rem auto}.classes th{background-color:#2f4885;color:#ffd293;font-style:italic;padding:0 2rem}.classes tr{background-color:white}.classes tr:hover{background-color:#cfd1e2}.classes td{background-color:inherit;border:1px solid gray;font-size:2rem;padding:0 0.5rem}.classes .button{background-color:white}.classes .edit{color:#2f4885;padding:0.2rem 0.5rem}.classes .edit:hover{transform:scale(1.5);color:green}.classes .delete{padding:0 0.4rem;color:#c7a337}.classes .delete:hover{transform:scale(1.5);color:red}.classes .new{text-align:center;a-text-decoration:none}.classes .new:hover{transform:scale(1.5);color:#c7a337}.class-profile__form{width:50%}.class-profile--wide{width:90%}.class-delete__modal{background-color:white;padding:1rem 2rem 0rem;border-radius:2px;text-align:center}.class-delete__warning{color:red;font-size:3rem;font-weight:bolder}.classes{padding:2rem 5rem;display:flex;justify-content:center;flex-wrap:wrap;gap:7rem}.classes__title{text-align:center}.classes .class_card__grades,.classes .class_card__semesters{display:flex;justify-content:left}.classes .class_card__header-text{max-width:40rem;white-space:normal}.year-selector{display:flex;justify-content:center}.enrollments table{font-size:2rem;margin:5rem auto}.enrollments th{background-color:#2f4885;color:#ffd293;font-style:italic;padding:0 2rem}.enrollments tr{background-color:white}.enrollments tr:hover{background-color:#cfd1e2}.enrollments td{background-color:inherit;border:1px solid gray;font-size:2rem;padding:0 0.5rem}.enrollments .button{background-color:white}.enrollments .edit{color:#2f4885;padding:0.2rem 0.5rem}.enrollments .edit:hover{transform:scale(1.5);color:green}.enrollments .delete{padding:0 0.4rem;color:#c7a337}.enrollments .delete:hover{transform:scale(1.5);color:red}.enrollments .new{text-align:center;a-text-decoration:none}.enrollments .new:hover{transform:scale(1.5);color:#c7a337}.enrollment-profile__form{width:50%}.enrollment-profile--wide{width:90%}.enrollment-delete__modal{background-color:white;padding:1rem 2rem 0rem;border-radius:2px;text-align:center}.enrollment-delete__warning{color:red;font-size:3rem;font-weight:bolder}.enrollments{padding:2rem 5rem;display:flex;justify-content:center;flex-wrap:wrap;gap:7rem}.enrollments__title{text-align:center}.enrollments .enrollment_card__grades,.enrollments .enrollment_card__semesters{display:flex;justify-content:left}.enrollments .enrollment_card__header-text{max-width:40rem;white-space:normal}.year-selector{display:flex;justify-content:center}.enrollment{padding:2rem 5rem;background-color:#fffbf0}.enrollment__title{text-align:center}.enrollment__dropdown{background-color:white;width:max-content;text-align:center;margin:0 auto}.enrollment__parents{padding:5rem;display:flex;justify-content:center;flex-wrap:wrap;gap:7rem}.enrollment__children{padding:1rem;display:flex;justify-content:center;flex-wrap:wrap;gap:7rem}.class{display:flex}.class__group{background-color:#f8f8fb}.class__time{flex:1;text-align:right}.class__name{flex:2;padding-left:1rem;text-align:left}.year-selector{display:flex;justify-content:center}.report{padding:0.5in 0.5in;width:8.5in;display:flex;justify-content:left;flex-wrap:wrap;gap:7rem;-webkit-print-color-adjust:exact}.report__box{border:1px solid black;border-radius:3px;break-inside:avoid;margin:auto}.report__title{background-color:lightGray}.report__column{text-align:left}.report-class-lists{width:8.5in;margin:0.5in;-webkit-print-color-adjust:exact}.report-class-lists-box{border:1px solid black;margin:1rem 0 0 0;break-inside:avoid}.report-class-lists-hour{break-after:page}.report-class-lists-course{display:flex;flex-direction:row;background-color:#f8f8fb}.report-class-lists-course-name{flex:auto;padding:0 1rem}.report-class-lists-course-hour,.report-class-lists-course-location{flex:initial;padding:0 1rem}.report-class-lists-enrollments{padding:0 1rem;break-inside:avoid}.report-class-lists-enrollment{margin:0;padding:0 3rem;font-size:1.5rem}.report-invoices{width:8.5in;margin:0.5in;-webkit-print-color-adjust:exact}.report-invoices-box{border:1px solid black;margin:1rem 0 0 0;break-inside:avoid}.report-invoices-family{background-color:#f8f8fb}.report-invoices-teacher{margin:0;padding:0 3rem;font-size:2 rem;font-style:italic;font-weight:bold}.report-invoices-classes{padding:0 6rem;break-inside:avoid}.report-invoices-record{display:flex;flex-direction:row}.report-invoices-record-class{flex:auto;padding:0 1rem}.report-invoices-record-student,.report-invoices-record-price,.report-invoices-record-materials{flex:initial;padding:0 1rem}.report-children{width:8.5in;margin:0.5in;-webkit-print-color-adjust:exact}.report-children__box{border:1px solid black;margin:1rem 0 0 0;break-inside:avoid}.report-children__grade{background-color:#f8f8fb}.report-children__record{display:flex;flex-direction:row}.report-children__record__student{flex:initial;padding:0 1rem}.report-courses{width:8.5in;margin:0.5in;-webkit-print-color-adjust:exact}.report-courses-box{border:1px solid black;margin:1rem 0 0 0;break-inside:avoid}.report-courses-course{background-color:#f8f8fb}.report-courses-name{margin:0;padding:0 3rem;font-size:2 rem;font-style:italic;font-weight:bold}.report-courses-teacher{margin:0;padding:0 3rem;font-size:2 rem;font-style:normal;font-weight:normal;text-align:right}.report-courses-courses{padding:0 3rem;break-inside:avoid;background-color:white}.report-courses-column{flex:1;display:flex;flex-direction:column}.report-courses-row{display:flex;flex-direction:row}.report-courses-record{display:flex;flex-direction:row}.report-courses-record-item{flex:1;padding:0 1rem}.report-courses-record-item__first{flex:1;padding:0 1rem}.report-courses-record-item__last{flex:auto}.report-courses-record-item__right{flex:1;text-align:right}.report-payments{width:8.5in;margin:0.5in;-webkit-print-color-adjust:exact}.report-payments-box{border:1px solid black;margin:1rem 0 0 0;break-inside:avoid}.report-payments-teacher{background-color:#f8f8fb}.report-payments-parent{margin:0;padding:0 3rem;font-size:2 rem;font-style:italic;font-weight:bold}.report-payments-payments{padding:0 6rem;break-inside:avoid}.report-payments-record{display:flex;flex-direction:row}.report-payments-record-check{flex:auto;padding:0 1rem}.report-payments-record-amount{flex:initial;padding:0 1rem}.report-teachers{width:8.5in;margin:0.5in;-webkit-print-color-adjust:exact}.report-teachers-box{border:1px solid black;margin:1rem 0 0 0;break-inside:avoid}.report-teachers-teacher{background-color:#f8f8fb}.report-teachers-record{display:flex;flex-direction:row}.report-teachers-record-bio{flex:auto;padding:0 1rem}.report-sign-up-sheet{width:8.5in;margin:0.5in;-webkit-print-color-adjust:exact;font-size:1.2rem}.report-sign-up-sheet-box{border:1px solid black;margin:1rem 0 0 0;break-inside:avoid}.report-sign-up-sheet-time,.report-sign-up-sheet-family-name,.report-sign-up-sheet-child-name{background-color:#eee;width:100%}.report-sign-up-sheet-cl,.report-sign-up-sheet-time{margin:0;font-size:2 rem;width:2.75in;border:1px solid black}.report-sign-up-sheet-fees,.report-sign-up-sheet-family-name{width:1.125in;border:1px solid black}.report-sign-up-sheet-fees .item,.report-sign-up-sheet-family-name .item{display:flex}.report-sign-up-sheet-fees .item .title,.report-sign-up-sheet-family-name .item .title{justify-content:left}.report-sign-up-sheet-fees .item .cost,.report-sign-up-sheet-family-name .item .cost{flex:1;text-align:right}.report-sign-up-sheet-fees-header,.report-sign-up-sheet-family-name-header{font-size:2rem;text-align:center}.report-sign-up-sheet-record{display:flex;flex-direction:row;width:100%;background-color:white}.report-sign-up-sheet-record-box,.report-sign-up-sheet-record-child-name{flex:1;padding:0 0rem;border:1px solid black}.report-sign-up-sheet-record-box__filled,.report-sign-up-sheet-record-child-name__filled{background-color:#aaa}.report-sign-up-sheet-record-box-header,.report-sign-up-sheet-record-child-name-header{font-size:1rem;text-align:center;background-color:#eee}.year-selector{display:flex;justify-content:center}.payments table{font-size:2rem;margin:5rem auto}.payments th{background-color:#2f4885;color:#ffd293;font-style:italic;padding:0 2rem}.payments tr{background-color:white}.payments tr:hover{background-color:#cfd1e2}.payments td{background-color:inherit;border:1px solid gray;font-size:2rem;padding:0 0.5rem}.payments .button{background-color:white}.payments .edit{color:#2f4885;padding:0.2rem 0.5rem}.payments .edit:hover{transform:scale(1.5);color:green}.payments .delete{padding:0 0.4rem;color:#c7a337}.payments .delete:hover{transform:scale(1.5);color:red}.payments .new{text-align:center;a-text-decoration:none}.payments .new:hover{transform:scale(1.5);color:#c7a337}.payment-profile__form{width:50%}.payment-profile--wide{width:90%}.payment-delete__modal{background-color:white;padding:1rem 2rem 0rem;border-radius:2px;text-align:center}.payment-delete__warning{color:red;font-size:3rem;font-weight:bolder}.payments{padding:2rem 5rem;display:flex;justify-content:center;flex-wrap:wrap;gap:7rem}.payments__title{text-align:center}.payments .payment_card__grades,.payments .payment_card__semesters{display:flex;justify-content:left}.payments .payment_card__header-text{max-width:40rem;white-space:normal}.year-selector{display:flex;justify-content:center}.years table{font-size:2rem;margin:5rem auto}.years th{background-color:#2f4885;color:#ffd293;font-style:italic;padding:0 2rem}.years tr{background-color:white}.years tr:hover{background-color:#cfd1e2}.years td{background-color:inherit;border:1px solid gray;font-size:2rem;padding:0 0.5rem}.years .button{background-color:white}.years .edit{color:#2f4885;padding:0.2rem 0.5rem}.years .edit:hover{transform:scale(1.5);color:green}.years .delete{padding:0 0.4rem;color:#c7a337}.years .delete:hover{transform:scale(1.5);color:red}.years .new{text-align:center;a-text-decoration:none}.years .new:hover{transform:scale(1.5);color:#c7a337}.year-profile__form{width:50%}.year-profile--wide{width:90%}.year-delete__modal{background-color:white;padding:1rem 2rem 0rem;border-radius:2px;text-align:center}.year-delete__warning{color:red;font-size:3rem;font-weight:bolder}.years{padding:2rem 5rem;display:flex;justify-content:center;flex-wrap:wrap;gap:7rem}.years__title{text-align:center}.years .year_card__grades,.years .year_card__semesters{display:flex;justify-content:left}.years .year_card__header-text{max-width:40rem;white-space:normal}.year-selector{display:flex;justify-content:center}.teachers table{font-size:2rem;margin:5rem auto}.teachers th{background-color:#2f4885;color:#ffd293;font-style:italic;padding:0 2rem}.teachers tr{background-color:white}.teachers tr:hover{background-color:#cfd1e2}.teachers td{background-color:inherit;border:1px solid gray;font-size:2rem;padding:0 0.5rem}.teachers .button{background-color:white}.teachers .edit{color:#2f4885;padding:0.2rem 0.5rem}.teachers .edit:hover{transform:scale(1.5);color:green}.teachers .delete{padding:0 0.4rem;color:#c7a337}.teachers .delete:hover{transform:scale(1.5);color:red}.teachers .new{text-align:center;a-text-decoration:none}.teachers .new:hover{transform:scale(1.5);color:#c7a337}.teacher-profile__form{width:50%}.teacher-profile--wide{width:90%}.teacher-delete__modal{background-color:white;padding:1rem 2rem 0rem;border-radius:2px;text-align:center}.teacher-delete__warning{color:red;font-size:3rem;font-weight:bolder}.teachers{margin:5rem;display:grid;grid-template-columns:repeat(auto-fit, minmax(40rem, min-content));gap:7rem;justify-items:center}.teacher-biography{display:grid;justify-content:center}.teacher-biography__textarea{flex:50%}.teacher-card{width:100%;flex-direction:column}.teacher-card__bio{max-width:100%}.teacher-card__courses{background-color:rgba(255,210,147,0.3);display:flex;flex-direction:column;justify-content:center;align-items:left;padding:0 2rem}.teacher-card__header-image{background-image:linear-gradient(to bottom, rgba(255,210,147,0.2), rgba(255,210,147,0.3)),url("/img/oloc.jpg");background-size:cover}.user-profile{width:100%;margin:5rem 0}.users,.registrations{font-size:2rem;margin:5rem auto}.users__title,.registrations__title{text-align:center}.users table,.registrations table{margin:3rem}.users th,.registrations th{background-color:#2f4885;color:#ffd293;font-style:italic;padding:0 2rem}.users tr,.registrations tr{background-color:white}.users tr:hover,.registrations tr:hover{background-color:#cfd1e2}.users td,.registrations td{background-color:inherit;border:1px solid gray;font-size:2rem;padding:0 0.5rem}.users .button,.registrations .button{background-color:white}.users .edit,.registrations .edit{color:#2f4885;padding:0.2rem 0.5rem}.users .edit:hover,.registrations .edit:hover{transform:scale(1.5);color:green}.users .delete,.registrations .delete{padding:0 0.4rem;color:#c7a337}.users .delete:hover,.registrations .delete:hover{transform:scale(1.5);color:red}.users .new,.registrations .new{text-align:center}.users .new:hover,.registrations .new:hover{transform:scale(1.5);color:#c7a337}.user-profile__form{width:max-content}.user-delete__modal{background-color:white;padding:1rem 2rem 0rem;border-radius:2px;text-align:center}.user-delete__warning{color:red;font-size:3rem;font-weight:bolder}.update-password{width:100%;margin:5rem 0}.update-password__form{width:max-content;margin:3rem auto}.side-nav{background-color:#2f4885;width:20rem}.side-nav__section{display:flex;flex-direction:column;padding:2rem}.side-nav__heading{color:#ffd293;font-style:italic}.side-nav__item{display:none;padding-left:1rem;font-size:1.5rem;color:white;z-index:0}.side-nav__item:hover{border-left:2px solid white}.side-nav__section:hover .side-nav__item{display:block}.tests table{font-size:2rem;margin:5rem auto}.tests th{background-color:#2f4885;color:#ffd293;font-style:italic;padding:0 2rem}.tests tr{background-color:white}.tests tr:hover{background-color:#cfd1e2}.tests td{background-color:inherit;border:1px solid gray;font-size:2rem;padding:0 0.5rem}.tests .button{background-color:white}.tests .edit{color:#2f4885;padding:0.2rem 0.5rem}.tests .edit:hover{transform:scale(1.5);color:green}.tests .delete{padding:0 0.4rem;color:#c7a337}.tests .delete:hover{transform:scale(1.5);color:red}.tests .new{text-align:center;a-text-decoration:none}.tests .new:hover{transform:scale(1.5);color:#c7a337}.test-profile__form{width:50%}.test-profile--wide{width:90%}.test-delete__modal{background-color:white;padding:1rem 2rem 0rem;border-radius:2px;text-align:center}.test-delete__warning{color:red;font-size:3rem;font-weight:bolder}.tests{padding:2rem 5rem;display:flex;justify-content:center;flex-wrap:wrap;gap:7rem}.tests__title{text-align:center}.footer{background-color:#1c346e;color:#ffd293;fill:#ffd293;padding:1rem;font-style:italic;text-align:center}.class-grid{display:grid;grid-gap:1rem;padding:2rem 0 0 0}.class-grid__location,.class-grid__hour{color:#ffd293;background-color:#1c346e;font-size:1.2rem;font-style:italic;border-radius:3px}.class-grid__location{text-align:center;padding:0 .3rem}.class-grid__hour{text-align:right;padding:3rem .5rem}.class-grid__item{box-shadow:1px 1px 2px 1px rgba(207,209,226,0.7);text-align:center;color:black}.class-grid__course{background-color:#cfd1e2}.class-grid__grades{font-size:1.2rem;font-style:italic}