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

@keyframes updown {
    0% {transform: translateY(0);}
    50% {transform :translateY(10px);}
    100% {transform :translateY(0px);}
}

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

@keyframes mbg {
    0% {opacity :0;}
    100% {opacity:1;}
}
@keyframes roll {
    0% {
    transform: translateX(0%);
}
100% {
    transform: translateX(-100%);
}
}

@keyframes roll2 {
    0% {
    transform: translateX(100%);
}
100% {
    transform: translateX(0%);
}
}
@keyframes roll3 {
    0% {
    transform: translateX(-100%);
}
100% {
    transform: translateX(0%);
}
}

@keyframes roll4 {
    0% {
    transform: translateX(0%);
}
100% {
    transform: translateX(100%);
}
}