.calendar-day-date {
    font-size: 2.0em;
}

.calendar-index-header {
    display: grid;
    grid-template-columns: 200px 1fr 200px;
}

@media (max-width: 800px) {

    .calendar-index-header {
        grid-template-columns: 1fr 1fr;
    }

    .calendar-index-header > div:nth-child(2) {
        grid-row-start: 1;
        grid-row-end: 2;
        grid-column-start: 1;
        grid-column-end: 3;
    }

    .calendar-index-header > a:nth-child(1){

        grid-row-start: 2;
        grid-row-end: 3;
    }
}

.calendar-index-header > a {
    text-decoration: none;
    transition: background-color .3s ease;
    background: #f7f7f7;
}

.calendar-index-header > a:hover {
    background: #f1f1f1;
}

[data-theme="dark"] .calendar-index-header > a {
    background: #25272c;
    color: #b0b0b0;
}
[data-theme="dark"] .calendar-index-header > a:hover {
    background: #2f3137;
}