@keyframes slideIn{
    from{
        transform: translateX(-300px);
        opacity: 0%;
    }
    to{
        transform: translateX(0px);
        opacity: 100%;
    }
}
@keyframes scale{
    from{
        scale: 0;
    }
    to{
        scale: 1;
    }
}
@keyframes slideOn{
    from{
        opacity: 0%;
        transform: translateX(-300px);
    }
    to{
        opacity: 100%;
        transform: translateX(0px);
    }
}
@keyframes Grow1{
    from{
        scale: 0;
    }
    to{
        scale: 1;
    }
}
@keyframes Grow2{
    from{
        scale: 0;
    }
    to{
        scale: 1;
    }
}
@keyframes Grow3{
    from{
        scale: 0;
    }
    to{
        scale: 1;
    }
}
@keyframes ScaleOn{
    from{
        opacity: 0%;
    }
    to{
        opacity: 100%;
    }
}