.calendar-wrapper{max-width:800px}.calendar-wrapper h3.month-title{display:grid;grid-template-columns:100px 1fr}.calendar-wrapper h3.month-title div.month{grid-column:1;grid-row:1/3;font-size:50px;text-align:center;border-right:1px solid #333;padding:10px 0}.calendar-wrapper h3.month-title div.full{grid-column:2;grid-row:1/2;padding:0 10px}.calendar-wrapper h3.month-title div.year{grid-column:2;grid-row:2;padding:0 10px}.calendar-wrapper div.calendar{margin-bottom:50px}.calendar-wrapper div.calendar ul{display:grid;grid-template-columns:repeat(7, 1fr);list-style:none;margin:0;padding:0;text-align:center;background:hsla(0,0%,100%,.75)}.calendar-wrapper div.calendar ul.head{background:rgba(50,50,100,.75);color:#fff;border-radius:10px 10px 0 0;padding:0}.calendar-wrapper div.calendar ul.head li{margin:0;padding:5px 0}.calendar-wrapper div.calendar ul.head li.sun{color:red}.calendar-wrapper div.calendar ul.head li.sat{color:blue}.calendar-wrapper div.calendar ul.body{border-radius:0 0 10px 10px}.calendar-wrapper div.calendar ul.body li{border-top:1px solid #aaa;padding:0;margin:0}.calendar-wrapper div.calendar ul.body li span{padding:2px 0;display:block}@media(min-width: 768px){.calendar-wrapper div.calendar ul.body li div,.calendar-wrapper div.calendar ul.body li u{font-size:10px;min-height:2rem}}@media(max-width: 767.98px){.calendar-wrapper div.calendar ul.body li div,.calendar-wrapper div.calendar ul.body li u{font-size:2vw;min-height:2rem}}.calendar-wrapper div.calendar ul.body li.sun span,.calendar-wrapper div.calendar ul.body li.holiday,.calendar-wrapper div.calendar ul.body li.event div{color:red}.calendar-wrapper div.calendar ul.body li.sat span{color:blue}.calendar-wrapper div.calendar ul.body li.close span{background:rgba(255,0,0,.25)}.calendar-wrapper div.calendar ul.body li.temp div{font-weight:bold}@media(min-width: 768px){.calendar-wrapper div.calendar ul.body li.today{font-weight:bold;border:3px solid #333}}@media(max-width: 767.98px){.calendar-wrapper div.calendar ul.body li.today{background:rgba(91,149,193,.25)}}.calendar-wrapper div.calendar ul.body li u{color:#33a;display:block;text-decoration:none}.calendar-wrapper div.calendar p{margin:5px}/*# sourceMappingURL=calendar.css.map */