.elementor-3885 .elementor-element.elementor-element-c5e94b3{text-align:center;}.elementor-3885 .elementor-element.elementor-element-c5e94b3 .elementor-heading-title{font-size:59px;font-weight:800;text-transform:uppercase;}.elementor-3885 .elementor-element.elementor-element-2b57e4a{padding:38px 38px 38px 38px;color:#FFFFFF;}.elementor-3885 .elementor-element.elementor-element-85d061d{text-align:center;}.elementor-3885 .elementor-element.elementor-element-774d34d{text-align:center;}.elementor-3885 .elementor-element.elementor-element-811fd39{margin:8px 8px calc(var(--kit-widget-spacing, 0px) + 8px) 8px;grid-row:span 1;text-align:left;color:#FFFFFF;}.elementor-3885 .elementor-element.elementor-element-43c492a .elementor-button{background-color:#DF6737;font-size:48px;text-shadow:0px 0px 10px rgba(0,0,0,0.3);}/* Start custom CSS for text-editor, class: .elementor-element-2b57e4a *//* ABSOLUTELY INSANE ANIMATIONS FOR "APPROPRIATE" - ULTIMATE CRAZY EDITION */

/* METHOD 1: PSYCHEDELIC MADNESS - Each letter goes completely insane */
.appropriate-psycho {
    position: relative !important;
    display: inline-block !important;
    font-weight: bold !important;
    font-size: 24px !important;
    perspective: 1000px !important;
}

.appropriate-psycho span {
    display: inline-block !important;
    position: relative !important;
    animation-fill-mode: both !important;
}

/* Individual letter chaos */
.appropriate-psycho span:nth-child(1) { 
    animation: psycho-spin-1 2s infinite ease-in-out !important; 
    color: #ff0080 !important;
}
.appropriate-psycho span:nth-child(2) { 
    animation: psycho-flip-2 1.5s infinite linear !important; 
    color: #80ff00 !important;
}
.appropriate-psycho span:nth-child(3) { 
    animation: psycho-bounce-3 1.8s infinite cubic-bezier(0.68, -0.55, 0.265, 1.55) !important; 
    color: #0080ff !important;
}
.appropriate-psycho span:nth-child(4) { 
    animation: psycho-shake-4 1.2s infinite ease-out !important; 
    color: #ff8000 !important;
}
.appropriate-psycho span:nth-child(5) { 
    animation: psycho-wobble-5 2.2s infinite ease-in-out !important; 
    color: #8000ff !important;
}
.appropriate-psycho span:nth-child(6) { 
    animation: psycho-spiral-6 1.7s infinite linear !important; 
    color: #ff0040 !important;
}
.appropriate-psycho span:nth-child(7) { 
    animation: psycho-dance-7 1.4s infinite ease-in-out !important; 
    color: #40ff80 !important;
}
.appropriate-psycho span:nth-child(8) { 
    animation: psycho-crazy-8 1.9s infinite cubic-bezier(0.25, 0.46, 0.45, 0.94) !important; 
    color: #4080ff !important;
}
.appropriate-psycho span:nth-child(9) { 
    animation: psycho-wild-9 1.6s infinite ease-out !important; 
    color: #ff4080 !important;
}
.appropriate-psycho span:nth-child(10) { 
    animation: psycho-insane-10 2.1s infinite linear !important; 
    color: #80ff40 !important;
}
.appropriate-psycho span:nth-child(11) { 
    animation: psycho-mental-11 1.3s infinite ease-in-out !important; 
    color: #ff8040 !important;
}

/* Psychedelic animations */
@keyframes psycho-spin-1 {
    0% { transform: rotate(0deg) scale(1) translateY(0px); }
    25% { transform: rotate(90deg) scale(2) translateY(-30px); }
    50% { transform: rotate(180deg) scale(0.5) translateY(20px); }
    75% { transform: rotate(270deg) scale(1.5) translateY(-10px); }
    100% { transform: rotate(360deg) scale(1) translateY(0px); }
}

@keyframes psycho-flip-2 {
    0% { transform: rotateY(0deg) rotateX(0deg) translateX(0px); }
    33% { transform: rotateY(180deg) rotateX(90deg) translateX(20px); }
    66% { transform: rotateY(360deg) rotateX(270deg) translateX(-15px); }
    100% { transform: rotateY(540deg) rotateX(360deg) translateX(0px); }
}

@keyframes psycho-bounce-3 {
    0%, 100% { transform: translateY(0px) scale(1) rotate(0deg); }
    25% { transform: translateY(-50px) scale(1.8) rotate(45deg); }
    50% { transform: translateY(30px) scale(0.3) rotate(-30deg); }
    75% { transform: translateY(-20px) scale(1.3) rotate(60deg); }
}

@keyframes psycho-shake-4 {
    0% { transform: translateX(0px) translateY(0px) rotate(0deg); }
    10% { transform: translateX(-10px) translateY(5px) rotate(10deg); }
    20% { transform: translateX(15px) translateY(-8px) rotate(-15deg); }
    30% { transform: translateX(-8px) translateY(12px) rotate(20deg); }
    40% { transform: translateX(12px) translateY(-6px) rotate(-10deg); }
    50% { transform: translateX(-5px) translateY(10px) rotate(25deg); }
    60% { transform: translateX(8px) translateY(-15px) rotate(-20deg); }
    70% { transform: translateX(-12px) translateY(3px) rotate(15deg); }
    80% { transform: translateX(6px) translateY(-10px) rotate(-25deg); }
    90% { transform: translateX(-3px) translateY(8px) rotate(10deg); }
    100% { transform: translateX(0px) translateY(0px) rotate(0deg); }
}

@keyframes psycho-wobble-5 {
    0%, 100% { transform: rotate(0deg) skewX(0deg) scale(1); }
    25% { transform: rotate(5deg) skewX(10deg) scale(1.2); }
    50% { transform: rotate(-10deg) skewX(-15deg) scale(0.8); }
    75% { transform: rotate(8deg) skewX(5deg) scale(1.5); }
}

@keyframes psycho-spiral-6 {
    0% { transform: rotate(0deg) translateX(0px) scale(1); }
    25% { transform: rotate(90deg) translateX(20px) scale(1.5); }
    50% { transform: rotate(180deg) translateX(0px) scale(0.5); }
    75% { transform: rotate(270deg) translateX(-20px) scale(1.8); }
    100% { transform: rotate(360deg) translateX(0px) scale(1); }
}

@keyframes psycho-dance-7 {
    0% { transform: translateY(0px) rotate(0deg) scaleY(1); }
    20% { transform: translateY(-15px) rotate(10deg) scaleY(1.5); }
    40% { transform: translateY(10px) rotate(-15deg) scaleY(0.7); }
    60% { transform: translateY(-8px) rotate(20deg) scaleY(1.3); }
    80% { transform: translateY(5px) rotate(-10deg) scaleY(0.9); }
    100% { transform: translateY(0px) rotate(0deg) scaleY(1); }
}

@keyframes psycho-crazy-8 {
    0% { transform: rotate(0deg) scale(1) skew(0deg); filter: hue-rotate(0deg); }
    25% { transform: rotate(180deg) scale(2) skew(15deg); filter: hue-rotate(90deg); }
    50% { transform: rotate(360deg) scale(0.3) skew(-20deg); filter: hue-rotate(180deg); }
    75% { transform: rotate(540deg) scale(1.7) skew(10deg); filter: hue-rotate(270deg); }
    100% { transform: rotate(720deg) scale(1) skew(0deg); filter: hue-rotate(360deg); }
}

@keyframes psycho-wild-9 {
    0%, 100% { transform: translateX(0px) translateY(0px) rotate(0deg) scale(1); }
    10% { transform: translateX(20px) translateY(-10px) rotate(36deg) scale(1.2); }
    20% { transform: translateX(-15px) translateY(15px) rotate(72deg) scale(0.8); }
    30% { transform: translateX(25px) translateY(-5px) rotate(108deg) scale(1.5); }
    40% { transform: translateX(-10px) translateY(20px) rotate(144deg) scale(0.6); }
    50% { transform: translateX(15px) translateY(-15px) rotate(180deg) scale(1.3); }
    60% { transform: translateX(-20px) translateY(8px) rotate(216deg) scale(0.9); }
    70% { transform: translateX(12px) translateY(-12px) rotate(252deg) scale(1.4); }
    80% { transform: translateX(-8px) translateY(18px) rotate(288deg) scale(0.7); }
    90% { transform: translateX(18px) translateY(-8px) rotate(324deg) scale(1.1); }
}

@keyframes psycho-insane-10 {
    0% { transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(1); }
    16% { transform: rotateX(60deg) rotateY(45deg) rotateZ(30deg) scale(1.5); }
    33% { transform: rotateX(120deg) rotateY(90deg) rotateZ(60deg) scale(0.5); }
    50% { transform: rotateX(180deg) rotateY(135deg) rotateZ(90deg) scale(2); }
    66% { transform: rotateX(240deg) rotateY(180deg) rotateZ(120deg) scale(0.3); }
    83% { transform: rotateX(300deg) rotateY(225deg) rotateZ(150deg) scale(1.8); }
    100% { transform: rotateX(360deg) rotateY(270deg) rotateZ(180deg) scale(1); }
}

@keyframes psycho-mental-11 {
    0% { transform: scale(1) rotate(0deg); opacity: 1; filter: blur(0px) saturate(1); }
    20% { transform: scale(3) rotate(72deg); opacity: 0.7; filter: blur(2px) saturate(2); }
    40% { transform: scale(0.2) rotate(144deg); opacity: 0.9; filter: blur(1px) saturate(0.5); }
    60% { transform: scale(2.5) rotate(216deg); opacity: 0.5; filter: blur(3px) saturate(3); }
    80% { transform: scale(0.4) rotate(288deg); opacity: 0.8; filter: blur(1px) saturate(1.5); }
    100% { transform: scale(1) rotate(360deg); opacity: 1; filter: blur(0px) saturate(1); }
}

/* METHOD 2: RAINBOW EXPLOSION MADNESS */
.appropriate-rainbow {
    display: inline-block !important;
    font-weight: bold !important;
    font-size: 24px !important;
    position: relative !important;
}

.appropriate-rainbow span {
    display: inline-block !important;
    animation: rainbow-explosion 3s infinite ease-in-out !important;
    position: relative !important;
}

.appropriate-rainbow span:nth-child(odd) { animation-delay: 0.2s !important; }
.appropriate-rainbow span:nth-child(even) { animation-delay: 0.4s !important; }

@keyframes rainbow-explosion {
    0% { 
        color: #ff0000; 
        transform: scale(1) rotate(0deg) translateY(0px);
        text-shadow: 0 0 5px #ff0000;
    }
    14% { 
        color: #ff8000; 
        transform: scale(1.5) rotate(51deg) translateY(-20px);
        text-shadow: 0 0 15px #ff8000;
    }
    28% { 
        color: #ffff00; 
        transform: scale(0.8) rotate(102deg) translateY(15px);
        text-shadow: 0 0 10px #ffff00;
    }
    42% { 
        color: #80ff00; 
        transform: scale(2) rotate(153deg) translateY(-30px);
        text-shadow: 0 0 20px #80ff00;
    }
    56% { 
        color: #00ff80; 
        transform: scale(0.5) rotate(204deg) translateY(25px);
        text-shadow: 0 0 8px #00ff80;
    }
    70% { 
        color: #0080ff; 
        transform: scale(1.8) rotate(255deg) translateY(-15px);
        text-shadow: 0 0 18px #0080ff;
    }
    84% { 
        color: #8000ff; 
        transform: scale(0.7) rotate(306deg) translateY(10px);
        text-shadow: 0 0 12px #8000ff;
    }
    100% { 
        color: #ff0080; 
        transform: scale(1) rotate(360deg) translateY(0px);
        text-shadow: 0 0 5px #ff0080;
    }
}

/* METHOD 3: GLITCH MATRIX CHAOS */
.appropriate-matrix {
    display: inline-block !important;
    font-family: 'Courier New', monospace !important;
    font-weight: bold !important;
    font-size: 20px !important;
    position: relative !important;
    animation: matrix-background 2s infinite linear !important;
}

.appropriate-matrix span {
    display: inline-block !important;
    animation: matrix-chaos 1s infinite ease-in-out !important;
    position: relative !important;
}

@keyframes matrix-background {
    0% { background-color: transparent; }
    25% { background-color: rgba(0, 255, 0, 0.1); }
    50% { background-color: rgba(255, 0, 0, 0.1); }
    75% { background-color: rgba(0, 0, 255, 0.1); }
    100% { background-color: transparent; }
}

@keyframes matrix-chaos {
    0% { color: #00ff00; transform: translateY(0px); }
    10% { color: #ff0000; transform: translateY(-100px); }
    20% { color: #0000ff; transform: translateY(50px); }
    30% { color: #ffff00; transform: translateY(-75px); }
    40% { color: #ff00ff; transform: translateY(25px); }
    50% { color: #00ffff; transform: translateY(-50px); }
    60% { color: #ffffff; transform: translateY(75px); }
    70% { color: #ff8000; transform: translateY(-25px); }
    80% { color: #8000ff; transform: translateY(30px); }
    90% { color: #00ff80; transform: translateY(-10px); }
    100% { color: #00ff00; transform: translateY(0px); }
}

/* METHOD 4: FIRE EXPLOSION with CLICK TO STOP */
.appropriate-fire {
    display: inline-block !important;
    font-weight: bold !important;
    font-size: 26px !important;
    position: relative !important;
    color: #ff4500 !important;
    text-shadow: 0 0 10px #ff4500 !important;
    animation: fire-base 2s infinite ease-in-out !important;
    cursor: pointer !important;
    user-select: none !important;
}

.appropriate-fire span {
    display: inline-block !important;
    animation: fire-letter 1.5s infinite ease-in-out !important;
    position: relative !important;
}

/* STOPPED STATE - Animation pauses when clicked */
.appropriate-fire.stopped {
    animation-play-state: paused !important;
}

.appropriate-fire.stopped span {
    animation-play-state: paused !important;
}

/* Optional: Slightly fade when stopped */
.appropriate-fire.stopped {
    opacity: 0.8 !important;
    transform: scale(0.95) !important;
    transition: opacity 0.3s ease, transform 0.3s ease !important;
}

.appropriate-fire span:nth-child(1) { animation-delay: 0s !important; }
.appropriate-fire span:nth-child(2) { animation-delay: 0.1s !important; }
.appropriate-fire span:nth-child(3) { animation-delay: 0.2s !important; }
.appropriate-fire span:nth-child(4) { animation-delay: 0.3s !important; }
.appropriate-fire span:nth-child(5) { animation-delay: 0.4s !important; }
.appropriate-fire span:nth-child(6) { animation-delay: 0.5s !important; }
.appropriate-fire span:nth-child(7) { animation-delay: 0.6s !important; }
.appropriate-fire span:nth-child(8) { animation-delay: 0.7s !important; }
.appropriate-fire span:nth-child(9) { animation-delay: 0.8s !important; }
.appropriate-fire span:nth-child(10) { animation-delay: 0.9s !important; }
.appropriate-fire span:nth-child(11) { animation-delay: 1s !important; }

@keyframes fire-base {
    0%, 100% { filter: hue-rotate(0deg) brightness(1); }
    25% { filter: hue-rotate(30deg) brightness(1.3); }
    50% { filter: hue-rotate(60deg) brightness(0.8); }
    75% { filter: hue-rotate(90deg) brightness(1.5); }
}

@keyframes fire-letter {
    0% { 
        transform: translateY(0px) scale(1) rotate(0deg);
        color: #ff4500;
        text-shadow: 0 0 5px #ff4500;
    }
    25% { 
        transform: translateY(-30px) scale(1.5) rotate(10deg);
        color: #ff8c00;
        text-shadow: 0 0 15px #ff8c00, 0 0 25px #ff4500;
    }
    50% { 
        transform: translateY(-50px) scale(0.8) rotate(-15deg);
        color: #ffff00;
        text-shadow: 0 0 20px #ffff00, 0 0 30px #ff8c00, 0 0 40px #ff4500;
    }
    75% { 
        transform: translateY(-20px) scale(2) rotate(20deg);
        color: #ff6600;
        text-shadow: 0 0 25px #ff6600, 0 0 35px #ff4500;
    }
    100% { 
        transform: translateY(0px) scale(1) rotate(0deg);
        color: #ff4500;
        text-shadow: 0 0 5px #ff4500;
    }
}/* End custom CSS */