*{
color:lime;
background:;
}

body {
  font-family: Arial;
  text-align: center;
  background:black;
    }
.selected.day{
  border: 3px solid lime;
}
    button {
  margin: 5px;
  padding: 10px;
  border-radius: 6px;
  border: none;
  cursor: pointer;
 
}


   .calendar {
      display: grid;
      grid-template-columns: repeat(7, 1fr);
      gap: 5px;
      max-width: 500px;
      margin: auto;
      
   }
   .calendar-header{display: contents; }
   .calendar-header div{font-weight:bold;text-align:center;}
   .empty{visibility:clear}
   .day , .empty{
      padding: 5px;
      border-radius: 5px;
    }
   small{color:white;}
   disabled{cursor:not-allowed;}
   .day{cursor: pointer;} 
    .green { background: #4caf50; }
    .green-orange { background: #8bc34a; }
    .orange { background: #ff9800; }
    .red { background: #f44336; }
    .full { background: #333; color: white; }
    .disabled{background:gray;cursor:not-allowed;opacity:0.8;}