#mainContent{display:flex;flex-direction:column;margin:10px auto;padding:0;width:min(95vw,900px)}#mainContent h1{margin:4px 0}@media(max-width:600px),(max-height:450px){#mainContent h1{font-size:18px}}#calendar-container{display:flex;flex-direction:row;justify-content:center;width:min(90vw,850px);margin:0 auto;gap:12px}@media(max-width:600px){#calendar-container{flex-direction:column}}#calendar-container .calendar{display:flex;flex-direction:column;flex:1;margin:5px;padding:8px 12px;max-width:calc(50% - 16px);border:1px solid #ccc;border-radius:10px;background-color:#f5f5f5;box-shadow:4px 4px 8px #00000080}@media(max-width:600px),(max-height:450px){#calendar-container .calendar{margin:0;padding-top:0}}@media(max-width:600px)and (max-width:600px),(max-height:450px)and (max-width:600px){#calendar-container .calendar{max-width:100%}}#calendar-container .calendar .month{text-align:center;font-size:22px;margin-bottom:5px}@media(max-width:600px),(max-height:450px){#calendar-container .calendar .month{margin-bottom:0;font-size:16px}}#calendar-container .calendar .weekdays{display:flex;height:20px}#calendar-container .calendar .weekdays .day{flex:1;text-align:center;font-size:14px}@media(max-width:600px),(max-height:450px){#calendar-container .calendar .weekdays .day{font-size:11px}}#calendar-container .calendar .dates{display:grid;grid-template-columns:repeat(7,1fr);grid-auto-rows:1fr}#calendar-container .calendar .dates .date{border:1px solid transparent;padding:8px 0;text-align:center;align-items:center;justify-content:center;font-size:16px}@media(max-width:600px),(max-height:450px){#calendar-container .calendar .dates .date{padding:3px 0}}@media(max-width:600px)and (max-height:450px),(max-height:450px)and (max-height:450px){#calendar-container .calendar .dates .date{font-size:12px}}#calendar-container .calendar .dates .date:not(:empty){border:1px solid gray}#calendar-container .calendar .dates .date.gameday{background-color:#939292;color:#000;font-weight:700}#calendar-container .calendar .dates .date.unenrolled{background-color:#f03}#calendar-container .calendar .dates .date.alternate{background-color:#ff0}#calendar-container .calendar .dates .date.enrolled{background-color:#6f3}#calendar-container .calendar .dates .date:hover{transform:scale(1.1);filter:brightness(120%)}#calendar-container .calendar .dates .date.past{color:#8497aa;opacity:50%}#calendar-container .calendar .dates .date.past:hover{transform:none;filter:none}#calendar-container .calendar .dates .date.todayCell{border:3px solid navy;color:#000;font-weight:700}.color-key{display:flex;flex-wrap:wrap;font-size:12px;padding:5px;margin:5px auto}.color-key .key-item{display:flex;align-items:center;margin-right:10px}@media(max-width:600px){.color-key .key-item{margin-right:3px;padding:3px}}.color-key .key-item .key-color{width:16px;height:16px;margin-right:5px}@media(max-width:600px){.color-key .key-item .key-color{width:12px;margin-right:2px}}.color-key .key-item .key-color.light-green{background-color:#6f3}.color-key .key-item .key-color.yellow{background-color:#ff0}.color-key .key-item .key-color.pink{background-color:#f03}.color-key .key-item .key-color.gray{background-color:#939292}.monthButton{padding:2px 5px;border:1px solid blue;background-color:#add8e6;border-radius:3px;font-size:1rem;line-height:1;margin:0 5px}.monthButton:hover{background-color:#fff}@media(max-width:600px){.monthButton{margin:0;padding:1px}}#prevMonthButton{margin-right:10px}@media(max-width:600px){#prevMonthButton{margin-right:0}}@media(max-height:535px){#mainContent.tight-six-week-month{margin:4px auto}#mainContent.tight-six-week-month h1{font-size:18px}#mainContent.tight-six-week-month #calendar-container .calendar{padding:4px}#mainContent.tight-six-week-month #calendar-container .calendar .month{font-size:14px}#mainContent.tight-six-week-month #calendar-container .calendar .dates .date{padding:2px 0}#mainContent.tight-six-week-month .color-key{margin:2px auto}}