html{display:block;margin:0;padding:0;font-size:2em}body{background-color:#222;margin-top:1em;margin-left:0;margin-right:0}h1{text-align:center;color:#ff5b5b;top:0}.calendar-app{position:relative;margin:0 auto;max-width:600px}#header{position:relative;padding-top:.5em;width:100%;text-align:center;height:80px;background-color:#1f1f1f;border-bottom:1px solid #767676;z-index:20}label{color:#000}input{font:.8em Arial,sans-serif;margin-right:1em;margin-left:.5em}a:link{color:#00f;text-decoration:underline}a:visited{color:purple}a:hover{background-color:#369;color:#fff}noscript{font-size:1em;color:#000;background-color:red;text-align:center;z-index:40}.monthHeader{color:#fff;text-align:center;margin-bottom:0}#middle{position:absolute;left:0;right:0}#calendar{margin-left:auto;margin-right:auto;padding-left:1em;padding-right:1em}#calendar table{padding:0}table{margin-left:auto;margin-right:auto}.center{text-align:center}.calendar{display:grid;margin:.1em .5em;padding:3px;grid-gap:3px;grid-template-columns:1.2em 1fr 1fr 1fr 1fr 1fr 1fr 1fr;background-color:#a8a8a8;border:2px solid black}.m-header{display:grid;border:1px solid black;background-color:#fff;height:1em;text-align:center;align-items:center;font-weight:700}.week{display:flex;width:auto;min-height:3em;min-width:1.2em;color:#00f;background-color:#fff;text-align:center;border:1px solid black;align-items:center;justify-content:center;font-size:.8em}.day{position:relative;padding:0;min-height:3em;text-align:right;background-color:#fff;border:1px solid black}.dayText{padding:0 5px 0 0}.today{background-color:#90ee90}.school{position:absolute;right:0;bottom:0;width:2em;text-align:center;color:#000;background-color:red;font-size:.7em}[data-holiday=yes]{color:red;border-color:red}.description{text-align:left}.buttons,.buttons-in-end{display:flex;margin-left:auto;margin-right:auto;padding:.1em;justify-content:center}.buttons-in-end{margin-top:1em}button{margin:0 2em;padding:.2em .5em}.hide{display:none}.show{display:block}#showNHideMonths{display:block;margin:0 auto}#footer{margin:1em}@media screen and (max-width: 1080px){html{font-size:4.5vw}h5{font-size:1em}button{margin:0 1em}.calendar{border:1px solid black}.dayText{padding:0}.m-header{padding:0 0 3px}}@media screen and (min-width: 1079px){.m-header{place-content:center}}