body{margin:0;padding:0;background:linear-gradient(45deg,rgb(2,4,26),rgb(1,1,117));color:#0ff;display:flex;flex-direction:row;justify-content:center;align-items:center}.main-heading{text-align:center;font-size:50px;color:#0ff}header{flex-direction:row;padding:10px;display:flex;justify-content:center;align-items:center}ul{list-style:none;padding:0}li.day{flex:1 1 auto;margin:20px;padding:10px;background:rgb(240,215,220);box-shadow:0 0 10px;border-radius:20px}li.day .title{font-weight:700}li.day .actions{float:right}li.day .actions button{background-color:transparent;border:none;cursor:pointer;font-size:20px;margin-left:10px}li.day .actions button:hover{color:#666}li.day .tick-btn{color:green}li.day .cross-btn{color:red}li.day .note{display:block;margin-top:10px;width:100%;height:60px;padding:5px;box-sizing:border-box;border:1px solid #ccc;border-radius:5px}li.day .sub-items{margin-top:10px;margin-bottom:0;padding-left:20px}li.day .sub-items li{margin-bottom:5px}.list-group-item .sub-items .list-group-item{border:none;background-color:#f9fafb}.list-group-item .sub-items .list-group-item span:first-child{width:1.5rem;font-weight:700;color:#6b7280}