.fadeIn {
    animation: animFadeIn 2s forwards;
}

.shrink {
    animation: animShrink 2s forwards;
}

.fadeOut {
    animation: animFadeOut 2s forwards;
}

@keyframes animFadeIn {
    
    0% {
        visibility: hidden;
        opacity: 0;
        padding-top: 200px;
    }
    100% {
        visibility: visible;
        opacity: 1;
        padding-top: 0px;
    }
}

@keyframes animShrink {
    0% {
        opacity: 0;
        transform: scale(2);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes animFadeOut {
    
    0% {
        visibility: visible;
        opacity: 1;
    }
    60% {
        visibility: visible;
        opacity: 1;
    }
    100% {
        visibility: hidden;
        opacity: 0;
    }
}