#calendar {
    max-width: auto;
    margin: 0 auto;
}

#calendar .days {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 1px;
}

#calendar .day {
    padding: 10px;
    text-align: center;
    background-color: #f8f9fa;
}
#calendar .currentDay {
    padding: 10px;
    text-align: center;
    background-color: #fffbb5;
}

#calendar .day-name {
    font-weight: bold;
}

#calendar .sunday {
    color: var(--bs-danger);
}

#calendar .saturday {
    color: var(--bs-info);
}

#calendar {
    max-width: auto;
    margin: 0 auto;
}

#returnCalendar .days {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 1px;
}

#returnCalendar .day {
    padding: 10px;
    text-align: center;
    background-color: #f8f9fa;
}
#returnCalendar .currentDay {
    padding: 10px;
    text-align: center;
    background-color: #fffbb5;
}

#returnCalendar .day-name {
    font-weight: bold;
}

#returnCalendar .sunday {
    color: var(--bs-danger);
}

#returnCalendar .saturday {
    color: var(--bs-info);
}