@keyframes slideInDown {
    0% {
        opacity: 0;
        transform: translateY(-200%);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}
@keyframes slideInright {
    0% {
        opacity: 0;
        transform: translateX(-200%);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}
@keyframes btnsHome {
    0% {
        opacity: 0;
        transform: translateY(300px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}
@keyframes slideInleft {
    0% {
        opacity: 0;
        transform: translateX(200%);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}
@keyframes form-scale {
    0%{
        opacity: 0;
        transform: scale(0.6);
    }
    100%{
        opacity: 1;
        transform:scale(1);
    }
}

@keyframes animation-bottom-to-top {
    0% {
        opacity: 0;
        transform: translateY(100%);
    }
    100% {
        opacity: 1;
        transform: translateY(0%);
    }
}

@keyframes smallScale {
    0% {
        transform: scale(1);
        opacity: 1;
    }
    100% {
        transform: scale(1.5);
        opacity: 0;
    }
}



/* topp and bottom (both) */
@keyframes animation-topAndbottom {
    0% {
        transform: translateY(7px);
    }
   
    100% {
        transform: translateY(-7px);
    }
}
@keyframes btntopicon {
    0%{
        transform: translateY(-13px);
    }
    100%{
        transform: translateY(13px);
    }
}