*{padding:0;margin:0}html,body{width:100%;height:100%}#root{display:flex;align-items:center;justify-content:center;width:100%;height:100%}#calendarContainer{display:flex;flex-direction:column;padding:1%;border:solid black 1px;border-radius:2%;width:70%;height:30%}.weekAndDate{display:flex;justify-content:space-around;list-style:none;width:100%;gap:1}.dateContainer{display:flex;flex-direction:column}ul,li{width:100%;height:77%}.dateContainer button{min-height:fit-content;display:flex;padding-left:2%;margin:.05rem;height:100%;border:none;border-radius:5px;background-color:gray}.days{text-align:left}.zero{visibility:hidden}@media screen and (min-width: 768px){#calendarContainer{color:#fff;width:88%;height:66%;max-width:1400px;min-height:740px;margin:0 auto;background-color:#333}ul,li{width:100%;height:94%}.dateContainer button{min-height:fit-content;display:flex;padding-left:2%;margin:1%;height:100%;border:none;border-radius:5px;background-color:gray}}#headerContainer{display:flex;text-align:center;align-items:center;justify-content:space-between;border-bottom:solid 2px black;margin-bottom:1%;padding:0%;width:100%}#month-year{font-size:medium}#prev-next-mon{display:flex;width:12%}#todayBtn{background-color:transparent;border:none;font-weight:700;color:#fff}.arrow{font-size:larger;color:#fff;border:none;border-radius:15%;background-color:#000;width:30%}img{max-width:100%}