.month[data-month="1"] .month-name {
  background-color: #3ab54a;
  color: white;
  outline-color: #3ab54a;
}
.month[data-month="1"] .weekend {
  background-color: #dff4e3;
}
.month[data-month="1"] .day-row {
  outline-color: #3ab54a;
}

.month[data-month="2"] .month-name {
  background-color: #ec1163;
  color: white;
  outline-color: #ec1163;
}
.month[data-month="2"] .weekend {
  background-color: #fde1ed;
}
.month[data-month="2"] .day-row {
  outline-color: #ec1163;
}

.month[data-month="3"] .month-name {
  background-color: #f15a23;
  color: white;
  outline-color: #f15a23;
}
.month[data-month="3"] .weekend {
  background-color: #fdeae3;
}
.month[data-month="3"] .day-row {
  outline-color: #f15a23;
}

.month[data-month="4"] .month-name {
  background-color: #0083cb;
  color: white;
  outline-color: #0083cb;
}
.month[data-month="4"] .weekend {
  background-color: #dff0f8;
}
.month[data-month="4"] .day-row {
  outline-color: #0083cb;
}

.month[data-month="5"] .month-name {
  background-color: #00a9a4;
  color: white;
  outline-color: #00a9a4;
}
.month[data-month="5"] .weekend {
  background-color: #e0f4f5;
}
.month[data-month="5"] .day-row {
  outline-color: #00a9a4;
}

.month[data-month="6"] .month-name {
  background-color: #ed1b24;
  color: white;
  outline-color: #ed1b24;
}
.month[data-month="6"] .weekend {
  background-color: #fde3e4;
}
.month[data-month="6"] .day-row {
  outline-color: #ed1b24;
}

.month[data-month="7"] .month-name {
  background-color: #343391;
  color: white;
  outline-color: #343391;
}
.month[data-month="7"] .weekend {
  background-color: #e6e6f2;
}
.month[data-month="7"] .day-row {
  outline-color: #343391;
}

.month[data-month="8"] .month-name {
  background-color: #ab499c;
  color: white;
  outline-color: #ab499c;
}
.month[data-month="8"] .weekend {
  background-color: #f5e8f2;
}
.month[data-month="8"] .day-row {
  outline-color: #ab499c;
}

.month[data-month="9"] .month-name {
  background-color: #00adef;
  color: white;
  outline-color: #00adef;
}
.month[data-month="9"] .weekend {
  background-color: #def5fd;
}
.month[data-month="9"] .day-row {
  outline-color: #00adef;
}

.month[data-month="10"] .month-name {
  background-color: #f4783c;
  color: white;
  outline-color: #f4783c;
}
.month[data-month="10"] .weekend {
  background-color: #ffeee7;
}
.month[data-month="10"] .day-row {
  outline-color: #f4783c;
}

.month[data-month="11"] .month-name {
  background-color: #b3d334;
  color: white;
  outline-color: #b3d334;
}
.month[data-month="11"] .weekend {
  background-color: #f7fae7;
}
.month[data-month="11"] .day-row {
  outline-color: #b3d334;
}

.month[data-month="12"] .month-name {
  background-color: #ec148f;
  color: white;
  outline-color: #ec148f;
}
.month[data-month="12"] .weekend {
  background-color: #fde2f1;
}
.month[data-month="12"] .day-row {
  outline-color: #ec148f;
}

.month.past .month-name {
  background-color: gray;
  color: white;
  outline-color: gray;
}
.month.past .weekend {
  background-color: lightgray;
}
.month.past .day-row {
  outline-color: gray;
}