body{font-family:Times New Roman,Times,serif;background-color:#00142c;color:#f0f0f0;margin:0;padding:0;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100dvh}main{width:100%;max-width:1080px;padding:0 20px}h2{margin:20px;color:#8b0000;font-size:24px;text-align:center}h4{font-family:Comic Sans MS,Comic Sans,cursive;text-align:center}ul{list-style-type:none;padding:0;margin:0}.calendar-container{display:grid;grid-template-columns:repeat(5,1fr);gap:2px;padding:10px;width:100%;max-width:800px;margin:0 auto;background-color:tomato;border-radius:20px}.calendar-box{background-color:#f0f0f0;margin:2px;min-height:100px;color:#f99;font-size:8px;border:1px dashed black;cursor:pointer}.calendar-box p{margin:0}.day-number{color:#030303;font-size:20px;font-weight:700;position:relative;padding:2px 4px;border-right:1px solid gray;border-bottom:1px solid gray;width:max-content}.icon{font-size:20px;color:#f99;display:block;text-align:center}.event{font-size:12px;color:#030303;padding:2px;border-radius:5px;margin:2px;text-align:center;font-weight:700}