body{padding:0;margin:0;font:1rem 'Open Sans',Arial,sans-serif;background-color:#333;color:#eee;max-width:1200px;margin:3em auto}*,::after,::before{box-sizing:border-box}.SimpleCalendar{padding:1em;position:relative;background-color:#222;border-radius:1em}.SimpleCalendar__buttons{position:absolute;top:1em;right:1em}.SimpleCalendar__button{background-color:#444;color:#eee;border:2px solid #000;display:flex;justify-content:center;align-items:center;width:2em;height:2em;border-radius:50%;font-size:1.25rem;line-height:1.25rem;cursor:pointer;display:inline-block}.SimpleCalendar__button:hover{background-color:#222;border-color:#444}.SimpleCalendar__month{margin:0 0 1em 0;text-align:center;cursor:pointer}.SimpleCalendar__days{display:grid;grid-template-columns:3ch repeat(7,1fr);gap:.5em}.SimpleCalendar__days--head{place-items:center;margin-bottom:.5em}.SimpleCalendar__day{aspect-ratio:618/382;padding:.5em;background-color:#ccc;color:#222;border-radius:1em}.SimpleCalendar__dayNumber{margin-bottom:.2em}.SimpleCalendar__event{font-size:.8rem}.SimpleCalendar__event--holiday{color:#8b0000;font-weight:600}.SimpleCalendar__weekNumber{grid-column:1;align-self:center;margin-right:1ch}.SimpleCalendar__day--0{grid-column:8}.SimpleCalendar__day--1{grid-column:2}.SimpleCalendar__day--2{grid-column:3}.SimpleCalendar__day--3{grid-column:4}.SimpleCalendar__day--4{grid-column:5}.SimpleCalendar__day--5{grid-column:6}.SimpleCalendar__day--6{grid-column:7;background-color:#e5c7b2}.SimpleCalendar__day--0,.SimpleCalendar__day--holiday{background-color:#e5b2b2}.SimpleCalendar__day--today{border:.25em solid #52bf3f}