/* ============================================================
     ANIMATIONEN
   ============================================================ */

@keyframes open-door-left {
	0% {
		transform: translateX(0);
		box-shadow: 5px 0 25px rgba(0, 0, 0, 0.8);
	}
	15% {
		box-shadow: 60px 0 40px -10px rgba(188, 19, 254, 0.6);
	}
	80% {
		transform: translateX(-100%);
		box-shadow: 60px 0 40px -10px rgba(188, 19, 254, 0.2);
	}
	100% {
		transform: translateX(-100%);
		box-shadow: 0 0 0 0 transparent;
	}
}

@keyframes open-door-right {
	0% {
		transform: translateX(0);
		box-shadow: -5px 0 25px rgba(0, 0, 0, 0.8);
	}
	15% {
		box-shadow: -60px 0 40px -10px rgba(188, 19, 254, 0.6);
	}
	80% {
		transform: translateX(100%);
		box-shadow: -60px 0 40px -10px rgba(188, 19, 254, 0.2);
	}
	100% {
		transform: translateX(100%);
		box-shadow: 0 0 0 0 transparent;
	}
}

@keyframes pulse {
	0% {
		box-shadow:
			0 0 10px rgba(188, 19, 254, 0.4),
			0 0 0 0 rgba(188, 19, 254, 0.4);
	}
	50% {
		box-shadow:
			0 0 20px rgba(188, 19, 254, 0.6),
			0 0 0 20px rgba(188, 19, 254, 0);
	}
	100% {
		box-shadow:
			0 0 10px rgba(188, 19, 254, 0.4),
			0 0 0 0 rgba(188, 19, 254, 0);
	}
}

@keyframes shine-sweep-rare {
	0% {
		transform: skewX(-25deg) translateX(-300%);
	}
	15% {
		transform: skewX(-25deg) translateX(300%);
	}
	100% {
		transform: skewX(-25deg) translateX(300%);
	}
}

@keyframes shine-sweep-main {
	0% {
		transform: skewX(-25deg) translateX(-300%);
	}
	75% {
		transform: skewX(-25deg) translateX(300%);
	}
	100% {
		transform: skewX(-25deg) translateX(300%);
	}
}

@keyframes sweep-purple-l {
	0% {
		box-shadow: inset 0 0 0 0 transparent;
	}
	30% {
		box-shadow: inset 60px 0 60px -20px var(--primary-color);
	}
	100% {
		box-shadow: inset 0 0 0 0 transparent;
	}
}
@keyframes flash-move-nuclear-mockup {
	0% {
		transform: skewX(-25deg) translateX(-200%);
	}

	100% {
		transform: skewX(-25deg) translateX(200%);
	}
}

.social-icon-box:nth-child(1)::after {
	animation-delay: 0s;
}

.social-icon-box:nth-child(2)::after {
	animation-delay: 0.2s;
}

.social-icon-box:nth-child(3)::after {
	animation-delay: 0.4s;
}

.social-icon-box:nth-child(4)::after {
	animation-delay: 0.6s;
}

@keyframes myAnim {
	0% {
		opacity: 0.9;
	}

	50% {
		opacity: 0.01;
	}

	100% {
		opacity: 0.9;
	}
}
@keyframes sweep-orange {
	0% {
		box-shadow: inset 0 0 0 0 transparent;
	}
	30% {
		box-shadow: inset 60px 0 60px -20px var(--orange-color);
	}
	100% {
		box-shadow: inset 0 0 0 0 transparent;
	}
}

@keyframes sweep-green {
	0% {
		box-shadow: inset 0 0 0 0 transparent;
	}
	30% {
		box-shadow: inset -60px 0 60px -20px var(--brand-green);
	}
	100% {
		box-shadow: inset 0 0 0 0 transparent;
	}
}

@keyframes sweep-purple-r {
	0% {
		box-shadow: inset 0 0 0 0 transparent;
	}
	30% {
		box-shadow: inset -60px 0 60px -20px var(--primary-color);
	}
	100% {
		box-shadow: inset 0 0 0 0 transparent;
	}
}


@keyframes pulse-orange2 {
    0%,
    100% {
        box-shadow: 0 0 1px rgba(255, 106, 0, 0.1);
    }
    50% {
        box-shadow: 0 0 35px rgba(255, 106, 0, 0.4);
        
    }
}
@keyframes pulse-purple2 {
    0%,
    100% {
        box-shadow: 0 0 20px rgba(188, 19, 254, 0.15);
        border: 1px solid rgba(188, 19, 254, 0.4);
    }
    50% {
        box-shadow: 0 0 45px rgba(188, 19, 254, 0.5);
        border: 1px solid rgba(188, 19, 254, 0.8);
    }
}
@keyframes pulse-green2 {
    0%,
    100% {
        box-shadow: 0 0 15px rgba(121, 169, 72, 0.1);
        border: 1px solid rgba(121, 169, 72, 0.3);
    }
    50% {
        box-shadow: 0 0 35px rgba(121, 169, 72, 0.4);
        border: 1px solid rgba(121, 169, 72, 0.7);
    }
}


@keyframes myAnim2 {
0% {
		opacity: 0.7;
	}

	50% {
		opacity: 0.2;
	}

	100% {
		opacity: 1;
	}
}



@keyframes pulse-orange {
	0%, 100% {	box-shadow: 0 0 15px rgba(255, 106, 0, 0.2), inset 0 0 10px rgba(255, 106, 0, 0.1);} 
	50% { box-shadow: 0 0 30px rgba(255, 106, 0, 0.6), inset 0 0 20px rgba(255, 106, 0, 0.3);}}

@keyframes pulse-purple {
	0%, 100% { box-shadow: 0 0 15px rgba(188, 19, 254, 0.2), inset 0 0 10px rgba(188, 19, 254, 0.1);}
	50% { box-shadow: 0 0 30px rgba(188, 19, 254, 0.6), inset 0 0 20px rgba(188, 19, 254, 0.3);}}

@keyframes pulse-green {
	0%, 100% { box-shadow: 0 0 15px rgba(121, 169, 72, 0.2), inset 0 0 10px rgba(121, 169, 72, 0.1);}
	50% { box-shadow: 0 0 30px rgba(121, 169, 72, 0.6), inset 0 0 20px rgba(121, 169, 72, 0.3);}}