/* Initial state */
.tv-anim {
    opacity: 0;
    animation: tvanim 2s ease-out forwards;
}

/* Animation definition */
@keyframes tvanim {
    0% {
        opacity: 0;
        /* transform: translateX(-100%); */
    }
    40% {
        opacity: 1;
        /* transform: translateX(0); */
    }
    45%{
        opacity: 0.4;
    }
    50%{
        opacity: 1;
    }
    52%{
        opacity: 0.5;
    }
    100%{
        opacity: 1;
    }
}

.floating {
    animation: float 7s infinite ease-in-out;
}

@keyframes float {
    0%, 100% {
        transform: translateY(0); /* Original position */
    }
    50% {
        transform: translateY(-7px); /* Move up */
    }
}

@keyframes textGlow {
    0% { text-shadow: 1px 1px 20px var(--comp); }
    25% { text-shadow: -1px 1px 20px var(--comp); }
    50% { text-shadow: -1px -1px 20px var(--comp); }
    75% { text-shadow: 1px -1px 20px var(--comp); }
    100% { text-shadow: 1px 1px 20px var(--comp); }
}

.text-glow {
    font-size: 2rem;
    --comp: rgba(121, 19, 70, 0.8); /* Example: pinkish glow */
    animation: textGlow 2s infinite ease-in-out;
}

@keyframes bxGlow {
    0% { box-shadow: 1px 1px 10px var(--shadow); }
    25% { box-shadow: -1px 1px 10px var(--shadow2); }
    50% { box-shadow: -1px -1px 10px var(--shadow3); }
    75% { box-shadow: 1px -1px 10px var(--shadow4); }
    100% { box-shadow: 1px 1px 10px var(--shadow5); }
}