@keyframes fire{
    0%{
        transform:skewX(-2deg) rotate(0deg) scale(0.85);
        opacity: 0.2;
        filter:brightness(1.6);
        -webkit-filter:brightness(1.6);
    }
    50%{
        transform:skewX(2deg) rotate(180deg) scale(0.95);
        opacity:1;
        filter:brightness(1);
        -webkit-filter:brightness(1);
    }
    100%{
        transform:skewX(-2deg) rotate(359deg) scale(0.85);
        opacity: 0.2;
        filter:brightness(1.6);
        -webkit-filter:brightness(1.6);
    }
}

@keyframes s71_ani{
    0%{
        transform:translateY(0px);
    }
    100%{
        transform:translateY(5px);
    }
}

@keyframes btn_light{
    0%{
        filter:brightness(1);
        -webkit-filter:brightness(1);
    }
    100%{
        filter:brightness(1.15);
        -webkit-filter:brightness(1.15);
    }
}

@keyframes six_icon{
    0%{
        transform: scaleX(1) translateY(0);
        filter:brightness(1);
        -webkit-filter:brightness(1);
    }
    30%{
        transform: scaleX(0.95) translateY(3px);
        filter:brightness(1.15);
        -webkit-filter:brightness(1.15);
    }
    60%{
        transform: scaleX(1) translateY(0);
        filter:brightness(1);
        -webkit-filter:brightness(1);
    }
}
@keyframes six_ani{
    0%{
        transform:translateY(0px);
        filter:brightness(1);
        -webkit-filter:brightness(1);
    }
    100%{
        transform:translateY(5px);
        filter:brightness(1.2);
        -webkit-filter:brightness(1.2);
    }
}
@keyframes cloud_right{
    0%{
        opacity: 0;
        transform: translateX(-160%) scale(2.5);
    }
    80%{
        opacity: 0.15;
        transform: translateX(100%) scale(0.5);
    }
    100%{
        opacity: 0;
        transform: translateX(100%) scale(2.5);
    }
}
@keyframes cloud_left{
    0%{
        transform: translateX(100%) scale(2.5);
        opacity: 0;
    }
    80%{
        opacity: 0.15;
        transform: translateX(-160%) scale(0.5);
    }
    100%{
        opacity: 0;
        transform: translateX(-160%) scale(2.5);
    }
}
@keyframes char{
    0%{
        transform: translateX(150px) ;
        opacity: 0;
    }
    100%{
        opacity:1;
        transform: translateX(0px);
    }
}
@keyframes tt{
    0%{
        transform:scale(2);
        opacity: 0;
    }
    70%{
        opacity:1;
        transform:scale(0.7);
    }
    90%{
        opacity:1;
        transform:scale(1.01);
    }
    100%{
        opacity:1;
        transform:scale(1);
    }
}
@keyframes tt2{
    0%{
        transform:scale(1);
        opacity: 0;
        filter:blur(0px);
        -webkit-filter:blur(0px);
    }
    5%{
        opacity:0.3;
    }
    100%{
        opacity:0;
        transform:scale(1.8);
        filter:blur(15px);
        -webkit-filter:blur(15px);
    }
}
@keyframes btn{
    0%{
        transform: translateY(20px) ;
        opacity: 0;
    }
    100%{
        opacity:1;
        transform: translateY(0px);
    }
}
@keyframes btn2{
    0%{
        opacity: 0;
        margin-top: 30px;
    }
    100%{
        opacity:1;
        margin-top: 0;
    }
}