@keyframes welcome_text{
    0% { 
        margin-top:calc(50vh - (324px / 2));
        transform: scale(0.2); 
        opacity:0;
    } 
    50% { 
        margin-top:calc(50vh - (324px / 2));
        transform: scale(1.4); 
        
    } 
    100% { 
        transform: scale(1); 
        opacity:1;
    } 
}

@keyframes home_wrapper{
    0% { 
        opacity:0;
    }
    50%{
        opacity:0;
    } 
    100% { 
        opacity:1;
    } 
}


@keyframes overlay-in{
    0% { 
        top:100%;
        opacity: 0;
    } 
    50% { 
        top:50%;
        opacity: 0.5;
    } 
    100% { 
        top:0;
        opacity: 1;
    }
}

@keyframes overlay-out{
    0% { 
        top:0;
        opacity: 0;
    } 
    50% { 
        top:50%;
        opacity: 0.7;
    } 
    100% { 
        top:100%;
        opacity: 1;
    }
}

@keyframes text-in{
    0% {
        position:relative; 
        top:10px;
        opacity: 0;
    } 
    50% { 
        opacity: .5;
    } 
    100% { 
        position:relative; 
        top:0px;
        opacity: 1;
    }
}