@keyframes h1-two {
    0% {
        opacity: 0;
        -webkit-text-fill-color: rgba(255, 212, 0, 1);
        text-shadow: none;
    }
    20% {
        opacity: 1;
        -webkit-text-fill-color: rgba(255, 212, 0, 1);
        text-shadow: none;
    }
    100% {
        opacity: 1;
        -webkit-text-fill-color: rgba(245, 53, 15, 1);
        text-shadow: 0.707px 0.707px 0px rgba(255, 212, 0, 1),1.414px 1.414px 0px rgba(255, 212, 0, 1),2.121px 2.121px 0px rgba(255, 212, 0, 1),2.828px 2.828px 0px rgba(255, 212, 0, 1);
    }

}

@keyframes h1-one {
    0% {
        opacity: 0;
        -webkit-text-stroke: 1px rgba(255, 212, 0, 1);
        -webkit-text-fill-color: transparent;
    }
    20% {
        opacity: 1;
        -webkit-text-stroke: 1px rgba(255, 212, 0, 1);
        -webkit-text-fill-color: transparent;
    }
    100% {
        opacity: 1;
        -webkit-text-stroke: 1px rgba(245, 53, 15, 1);
        -webkit-text-fill-color: transparent;
    }
}
/*  */

@keyframes scale-1 {
    0% {
        height: 0;
    }
    100% {
        height: 50px;
    }
}

@keyframes scale-2 {
    0% {
        height: 0;
    }
    100% {
        height: 100px;
    }
}

@keyframes scale-3 {
    0% {
        height: 0;
    }
    100% {
        height: 210px;
    }
}

@keyframes scale-4 {
    0% {
        height: 0;
    }
    100% {
        height: 300px;
    }
}
/*  */

@keyframes h3-anim {
    0% {
        transform: scaleY(0) translateY(-10px);
        text-shadow: none;
    }
    40% {
        transform: scaleY(1) translateY(0px);
        text-shadow: none;
    }
    100% {
        transform: scaleY(1) translateY(0px);
        text-shadow: 0.707px 0.707px 0px rgba(41, 38, 56, 1),1.414px 1.414px 0px rgba(41, 38, 56, 1),2.121px 2.121px 0px rgba(41, 38, 56, 1),3.536px 3.536px 10px rgba(41, 38, 56, 1);
    }
}
/*  */
.b-rotate-1 {
    animation: rotate-1 linear both 30s infinite;
}
.b-rotate-2 {
    animation: rotate-2 linear both 15s infinite;
}
@keyframes rotate-1 {
    0% {
        transform: rotate(0);
    }
    100% {
        transform: rotate(-360deg);
    }
}
@keyframes rotate-2 {
    0% {
        transform: rotate(0);
    }
    100% {
        transform: rotate(360deg);
    }
}
/*  */



@keyframes opacity {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
/*  */
.fade-in {
	animation: fade-in 2.5s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}
@keyframes fade-in {
    0% {
      opacity: 0;
    }
    10% {
        opacity: 1;
    }
    20% {
        opacity: 0.1;
    }
    30% {
        opacity: 1;
    }
    60% {
        opacity: 0.5;
    }
    100% {
      opacity: 1;
    }
}
/* анимация кнопки */

@keyframes anim-btn {
    0% {
        opacity: 0;
        transform: translateY(20px);
        box-shadow: 0px 6px 24px 0px rgba(245, 53, 15, 1);
    }
    20% {
        opacity: 1;
        transform: translateY(0);
        box-shadow: 0px 6px 24px 0px rgba(245, 53, 15, 1);
    }
    60% {
        opacity: 1;
        transform: translateY(0);
        box-shadow: 0px 6px 24px 0px #ffd400;
    }
    100% {
        opacity: 1;
        transform: translateY(0);
        box-shadow: 0px 6px 24px 0px rgba(245, 53, 15, 1);
    }
}
/*  */

@keyframes anim-icon {
    0% {
        filter: hue-rotate(123deg) invert(100%) contrast(0.8);
        transform: translateX(20px);
    }
    50% {
        filter: hue-rotate(123deg) invert(100%) contrast(0.8);
        transform: translateX(10px);
    }
    100% {
        filter: hue-rotate(0deg) invert(0%) contrast(1);
        transform: translateX(0px);
    }
}
/*  */

@keyframes anim-ul {
    0% {
        transform: translateX(50px);
        opacity: 0;
    }
    10% {
        transform: translateX(45px);
        opacity: 1;
    }
    100% {
        transform: translateX(0px);
        opacity: 1;
    }
}
/*  */

@keyframes anim-logo {
    0% {
        filter: hue-rotate(123deg) invert(100%) contrast(0.8);
        transform: translate(6px, 7px);
        opacity: 0;
    }
    10% {
        filter: hue-rotate(123deg) invert(100%) contrast(0.8);
        transform: translate(6px, 7px);
        opacity: 1;
    }
    30% {
        filter: hue-rotate(123deg) invert(100%) contrast(0.8);
        transform: translate(6px, 7px);
        opacity: 1;
    }
    35% {
        filter: hue-rotate(-34deg) invert(0%) contrast(1);
        transform: translate(6px, 7px);
        opacity: 1;
    }
    40% {
        filter: hue-rotate(0deg) invert(0%) contrast(1);
        transform: translate(6px, 7px);
        opacity: 1;
    }
    100% {
        filter: hue-rotate(0deg) invert(0%) contrast(1)
                drop-shadow(1px 1px #ff2a00) drop-shadow(1px 1px #ff2a00) drop-shadow(1px 1px #ff2a00) drop-shadow(1px 1px #ff2a00) drop-shadow(1px 1px #ff2a00) drop-shadow(1px 1px #ff2a00) drop-shadow(0px 1px #ff2a00);
                transform: translate(0px, 0px);
        opacity: 1;
    }
}
/*  */

@keyframes anim-title {
    0% {
        background: linear-gradient(90deg, rgba(245,53,15,1) 50%, rgba(255,255,255,0) 50%);
        background-size: 200% 100%;
        background-position: 100%;
        -webkit-text-fill-color: transparent;
        -webkit-background-clip: text;
        -webkit-text-stroke: 1px #f5350f;
    }
    100% {
        background: linear-gradient(90deg, rgba(245,53,15,1) 50%, rgba(255,255,255,0) 50%);
        background-size: 200% 100%;
        background-position: 0%;
        -webkit-text-fill-color: transparent;
        -webkit-background-clip: text;
        -webkit-text-stroke: 1px #f5350f;
    }
}
/*  */

@keyframes anim-title-2 {
    0% {
        background: linear-gradient(90deg, rgba(245,53,15,1) 50%, rgba(255,255,255,0) 50%);
        background-size: 200% 100%;
        background-position: 100%;
        -webkit-text-fill-color: transparent;
        -webkit-background-clip: text;
        -webkit-text-stroke: 1px #f5350f;
        text-shadow: none;
    }
    80% {
        background: linear-gradient(90deg, rgba(245,53,15,1) 50%, rgba(255,255,255,0) 50%);
        background-size: 200% 100%;
        background-position: 0%;
        -webkit-text-fill-color: transparent;
        -webkit-background-clip: text;
        -webkit-text-stroke: 1px #f5350f;
        text-shadow: none;
    }
    100% {
        background: linear-gradient(90deg, rgba(245,53,15,1) 50%, rgba(255,255,255,0) 50%);
        background-size: 200% 100%;
        background-position: 0%;
        -webkit-text-fill-color: #f5350f;
        -webkit-background-clip: text;
        -webkit-text-stroke: 1px #f5350f;
        text-shadow: 0.707px 0.707px 0px #292638,1.414px 1.414px 0px #292638,2.121px 2.121px 0px #292638,2.828px 2.828px 0px #292638;
    }
}
/*  */

@keyframes anim-blink {
    0% {
        opacity: 0;
    }
    20% {
        opacity: 1;
    }
    50% {
        opacity: 1;
    }
    60% {
        opacity: 0.2;
    }
    65% {
        opacity: 1;
    }
    75% {
        opacity: 1;
    }
    80% {
        opacity: 0.2;
    }
    100% {
        opacity: 1;
    }
}
/*  */

@keyframes anim-blink-left {
    0% {
        opacity: 0;
        transform: translateX(30px);
    }
    20% {
        opacity: 0.8;
        transform: translateX(30px);
    }
    50% {
        opacity: 0;
        transform: translateX(30px);
    }
    60% {
        opacity: 1;
        transform: translateX(30px);
    }
    100% {
        opacity: 1;
        transform: translateX(0px);
    }
}