.slide,
.calendar,
.welcome {
    opacity: 0;
}

.slide {
    animation: fadeIn 1s ease-in forwards;
}

.welcome {
    animation: welcomeAnimation 2s ease-in-out 1s forwards, fadeOut 1s ease-in-out 4s forwards;
}

.calendar {
    animation: fadeIn 1s ease-in-out 3s forwards;
    max-height: 100%;
}

.calendarcont{
    max-height: 80vh;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes welcomeAnimation {
    0% {
        opacity: 0;
        transform: scale(0.8);
    }
    50% {
        opacity: 1;
        transform: scale(1.1);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes fadeOut {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}