@keyframes animateToTop{
    from{
        top: 100%;
        opacity: 0;
    }to{
        top: 0;
        opacity: 1;
    }
}
@keyframes animateOpacity{
    from{
        opacity: 0;
    }to{
        opacity: 1;
    }
}
@keyframes animateToRight{
    from{
        right: 100%;
        opacity: 0;
    }to{
        right: 0;
        opacity: 1;
    }
}
@keyframes animationZoom{
    from{
        transform: scale(0);
    }to{
        transform: scale(1);
    }
}
@keyframes fade {
    100% {
        opacity: 0.5;
    }
}
@keyframes animateImg{
    from{
        scale: 1;
        rotate: 0deg;
    }to{
        scale: 1.15;
        rotate: -3deg;
    }
}