*{box-sizing:border-box;margin:0;padding:0}html{font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif}header{background-color:#f0f8ff;justify-content:center;padding:1rem;display:flex}body>*{padding:1rem}main{flex-direction:column;gap:1rem;display:flex}.calendar-controls{justify-content:space-between;gap:2rem;display:flex}.calendar-controls *{padding:.5rem}#month-nav-btn-container{gap:.5rem;display:flex}#month-nav-btn-container>button{min-width:100px}#calendar-heading{grid-template-columns:repeat(7,1fr);gap:.1rem;display:grid}#calendar-heading div{text-align:center;background-color:#f0f8ff;border:2px solid #000;padding:.1rem 1rem}#calendar-dates{grid-template-columns:repeat(7,1fr);gap:.3rem;display:grid}.cal-heading{text-align:center;background-color:#0ff;border:2px solid #000;min-width:100px;padding:.5rem;font-weight:700}.date-box{border:1px solid #000;min-width:3rem;min-height:4rem;padding:5px}.empty-box{background-color:#d3d3d3}