@keyframes leftGoRight {
    0%,100%{
        left: 0px;
        transition: all 0.4s ease;
    }
    50%{
        left: -20px;
        transition: all 0.4s ease;
    }
    
}

@keyframes bottomGoTo {
    0%,100%{
        bottom: 0px;
        transition: all 0.4s ease;
    }
    50%{
        bottom: 20px;
        transition: all 0.4s ease;
    }
    
}

@keyframes zoom-in {
    0%,100%{
        transform:scale(1);
        transition: all 0.4s ease;
    }
    50%{
        transform:scale(0.9);
        transition: all 0.4s ease;
    }
    
}

@keyframes zoom-out {
    0%,100%{
        transform:scale(1);
        transition: all 0.4s ease;
    }
    50%{
        transform:scale(1.1);
        transition: all 0.4s ease;
    }
    
}

@keyframes viberate {
    0%,100%{
        transform:rotate(3deg);
        transition: all 0.4s ease;
    }
    50%{
        transform:rotate(-3deg);
        transition: all 0.4s ease;
    }
    
}

@keyframes borderRadius {
    0%,100%{
        letter-spacing: 1px;
    }
    50%{
       letter-spacing: 5px;
    }
}

@keyframes viberateLeftToRight {
    0%,100%{
        transform:rotate(3deg);
        left: 0;
        transition: all 0.4s ease;
    }
    50%{
        transform:rotate(-3deg);
        left: -20px;
        transition: all 0.4s ease;
    }
    
}


@keyframes skew {
    0%,100%{
        transform:skew(0deg);
        transition: all 0.4s ease;
    }
    50%{
        transform:skew(20deg);
        transition: all 0.4s ease;
    }
    
}


@keyframes textLtoR {
    0%,100%{
        
        padding-left: 10px;
        transition: all 0.4s ease;
    }
    50%{
        padding-left: 20px;
        padding-right: 0px;
        transition: all 0.4s ease;
    }
    
}

@keyframes textZoom {
    0%,100%{
        transform:rotate(3deg);
        padding-left: 5px;
        transition: all 0.4s ease;
    }
    50%{
        transform:rotate(-3deg);
        padding-left: 20px;
        padding-right: 0px;
        transition: all 1s ease;
    }
    
}