sl-button::part(base) {
    font-size: 1.5rem;
    background-color: #018356
}

sl-button::part(base):hover {
    background-color: #0CA36E;
}

#MonthlyGrid {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 2rem;
}

@media (max-width: 700px) {
    #MonthlyGrid {
        grid-template-columns: repeat(2, 1fr);
    }
}