@keyframes char_open{
    0%{
        opacity: 0;
        filter: brightness(0) blur(20px);
    }
    100%{
        opacity: 1;
        filter: brightness(1) blur(0);
    }
}
@keyframes title_open{
    0%{
        opacity: 0;
        filter: brightness(0) blur(20px);
        transform: scale(0.2) translateX(70vw) translateY(40vw);
    }
    100%{
        opacity: 1;
        filter: brightness(1) blur(0);
        transform: scale(1)translateX(0) translateY(0);
    }
}

@keyframes btn_open{
    0%{
        opacity: 0;
        transform: translateY(100px);
    }
    100%{
        opacity: 1;
        transform: translateY(0px);
    }
}
@keyframes go_top{
    0%{
        filter: brightness(1);
        transform: rotate(0deg) scale(0.9);
    }
    100%{
        filter: brightness(1.3);
        transform: rotate(360deg) scale(0.9);
    }
}

@keyframes ball{
    0%{
        filter: brightness(1) drop-shadow(0px 0px 0px rgba(153, 255, 255,0));
        transform:translateY(0) rotate(0deg) scale(1);
    }
    100%{
        filter: brightness(1.1) drop-shadow(0px 0px 20px rgba(153, 255, 255,0.5));
        transform:translateY(-10px) rotate(1deg) scale(0.96);
    }
}

@keyframes char{
    0%{
        transform:translateY(0);
    }
    100%{
        transform:translateY(10px);
    }
}