@keyframes text {
    0% {opacity :0; transform: translateY(30px);}
    100% {opacity:1; transform :translateY(0);}
}

@keyframes text2 {
    0% {opacity :0; transform: translateY(30px);}
    100% {opacity:1; transform :translateY(-50%);}
}
@keyframes text3 {
    0% {opacity :0; transform: translateY(30px);}
    100% {opacity:1; transform :translateY(0);}
}


@keyframes mbg {
    0% {opacity :0;}
    100% {opacity:1;}
}