.fade-out {
    opacity: 0;
    transition: opacity 0.5s ease;
}

.fade-in {
    opacity: 1;
    transition: opacity 0.5s ease;
}

.slide-out {
    transform: translateY(100%);
    opacity: 0;
    transition: all 0.5s ease;
}

.slide-in {
    transform: translateY(0%);
    opacity: 1;
    transition: all 0.5s ease;
}

.scale-out {
    transform: scale(0.5);
    opacity: 0;
    transition: all 0.5s ease;
}

.scale-in {
    transform: scale(1);
    opacity: 1;
    transition: all 0.5s ease;
}