.calendar{width:80vw;border:2px solid black;margin-top:1rem;border-radius:10px;background-color:transparent}.month{height:80px;display:grid;grid-template-columns:repeat(3,1fr);align-items:center;justify-items:center;cursor:default}.month__text{font-size:34px}.background{background-image:url(/assets/eyes-DkGEuFjo.jpg);border-radius:8px 8px 0 0}.weekDays{display:grid;place-items:center;grid-template-columns:repeat(7,1fr);cursor:default;font-size:16px}.change-month{cursor:pointer}.day{font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif;width:100%;height:80px;background-color:#fff;cursor:pointer}.day__number{padding:2px}.day:nth-last-child(1){border-radius:0 0 8px}.day:nth-last-child(7){border-radius:0 0 0 8px}.day:nth-last-child(7n+1){color:red}.current-month-false{color:gray}.infoBox{background-color:#fff;display:grid;grid-template-columns:repeat(3,1fr);padding:5px;align-items:center;justify-items:center}.infoBox__notes{grid-column:1/3}.save-btn{width:60px;cursor:pointer}.red-dot{width:10px;height:10px;background-color:red;border-radius:100px;margin:3px}.one{grid-area:2/1/2/8}.two{grid-area:3/1/3/8}.three{grid-area:4/1/4/8}.four,.five{grid-area:5/1/5/8}.six{grid-area:6/1/6/8}#notes{min-height:50px;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif}.monthDays{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;background-color:#000;border-top:2px solid black;border-radius:0 0 10px 10px}main{display:flex;justify-content:center;align-items:center;flex-direction:column;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif}*{padding:0;margin:0}