.grow-from-center {
    animation: growFromCenter 0.3s ease-out;
}

@keyframes growFromCenter {
    from {
        transform: scale(0.8);
        opacity: 0;
    }
    to {
        transform: scale(1);
        opacity: 1;
    }
}

.month-slide-left {
    animation: slideLeft 0.18s ease-out;
}

@keyframes slideLeft {
    from {
        transform: translateX(-20px);
        opacity: 0.65;
    }
    to {
        transform: translateX(0);
        opacity: 1;
    }
}

.month-slide-right {
    animation: slideRight 0.18s ease-out;
}

@keyframes slideRight {
    from {
        transform: translateX(20px);
        opacity: 0.65;
    }
    to {
        transform: translateX(0);
        opacity: 1;
    }
}