@keyframes dropdown {
    0%{
        opacity: 0;
        transform: translatex(30px);
    }
    100%{
        opacity: 1;
        transform: translatex(0);
    }
}

@keyframes borderanimate2 {
    0% {
        transform: translate(-50%, -50%) scale(1);
    }
    60% {
        opacity: 1;
    }
    100% {
        transform: translate(-50%, -50%) scale(2.5);
        opacity: 0;
    }
}
@keyframes mask_animation {
    0% {
        -webkit-mask-position: 0 0;
        mask-position: 0 0;
    }
    100% {
        -webkit-mask-position: 100% 0;
        mask-position: 100% 0;
    }
}
@keyframes mask_animation_2 {
    0% {
        -webkit-mask-position: 100% 0;
        mask-position: 100% 0;
    }
    100% {
        -webkit-mask-position: 0 0;
        mask-position: 0 0;
    }
}
@keyframes wooo {
    0% {
        transform: rotate3d(0, 0, 0);
    }
    50% {
        transform: rotate3d(0, 1, 0, 180deg);
    }
    100% {
        transform: rotate3d(0, 1, 0, 359deg);
    }
}
@keyframes translate {
    0%{
        transform: translateY(-10px);
    }
    100%{
        transform: translateY(10px);
    }
}
@keyframes transmission {
    0%{
        transform: translatey(0.0);
    }
    50%{
        transform: translatey(10px);
    }
    100%{
        transform: translatey(0.0);
    }
}