@keyframes dragTop {
    0% {
        opacity: 0;
        /* transform: translateY(-90px) */
    }
    /* 60% {
        opacity: 0.4;
        transform: translateY(20px)
    } */
    /* 90% {
        opacity: 0.6;
        transform: translateY(-5px)
    } */
    /* 97% {
        opacity: 0.8;
        transform: translateY(-1px)
    } */
    100% {
        opacity: 1;
        /* transform: translateY(0px) */
    }
}

@keyframes runright {
    0% {
        width: 0%;
    }
    100% {
        width: 100%;
    }
}
@keyframes runright2 {
    0% {
        opacity: 0;
        width: 0%;
    }
    100% {
        opacity: 1;
        width: 100%;
    }
}

@keyframes sizeB {
    0% {
        opacity: 0;
        font-size: 14px;
    }
    100% {
        opacity: 1;
        font-size: 16px;
    }
}

@keyframes jumpimg {
    0% {
        opacity: 0;
        transform: translateY(-60px)
    }
    60% {
        opacity: 0.4;
        transform: translateY(20px)
    }
    90% {
        opacity: 0.6;
        transform: translateY(-5px)
    }
    97% {
        opacity: 0.8;
        transform: translateY(-1px)
    }
    100% {
        opacity: 1;
        transform: translateY(0px)
    }
}

@keyframes shakeI {
    0% {
        transform: scale(1);
    }
    10%,
    20% {
        transform: scale(0.9) rotate(-3deg);
    }
    30%,
    50%,
    70%,
    90% {
        transform: scale(1.2) rotate(3deg);
    }
    40%,
    60%,
    80% {
        transform: scale(1.2) rotate(-3deg);
    }
    100% {
        transform: scale(1) rotate(0);
    }
}
/* @keyframes downbot {
    0% {
        transform: translateY(-30px)
    }
    100% {
        transform: translateY(0px)
    }
} */