.bell-anim{
    transform-origin: top center;
    animation: pendulum 2s ease-in-out infinite;
}
@keyframes pendulum{
    0%{
        transform: rotate(-12deg) translateX(-3px);
    }
    50%{
        transform: rotate(12deg) translateX(3px);
    }
    100%{
        transform: rotate(-12deg) translateX(-3px);
    }
}



.float-anim{
    animation: floating 3s ease-in-out infinite;
}
@keyframes floating{
    0%,100%{
        transform: translateY(0);
    }
    50%{
        transform: translateY(-15px);
    }
}


.pulse-anim{
    animation: pulse 1.5s infinite;
}
@keyframes pulse{
    0%,100%{
        transform: scale(1);
    }
    50%{
        transform: scale(1.1);
    }
}


.wiggle-anim{
    animation: wiggle 1s infinite;
}
@keyframes wiggle{
    0%,100%{transform:rotate(0deg);}
    25%{transform:rotate(5deg);}
    75%{transform:rotate(-5deg);}
}


.rotate-anim{
    animation: rotate 10s linear infinite;
}
@keyframes rotate{
    from{transform:rotate(0deg);}
    to{transform:rotate(360deg);}
}


.slideright-anim{
    animation: slideRight 1s ease;
}
@keyframes slideRight{
    from{
        opacity:0;
        transform:translateX(100px);
    }
    to{
        opacity:1;
        transform:translateX(0);
    }
}


.bird-anim{
    animation: birdFly 4s ease-in-out infinite;
}
@keyframes birdFly{
    0%,100%{
        transform:translateY(0) rotate(-3deg);
    }
    50%{
        transform:translateY(-20px) rotate(3deg);
    }
}


.glow-anim{
    animation: glow 1.5s infinite;
}
@keyframes glow{
    0%,100%{
        filter:drop-shadow(0 0 5px gold);
    }
    50%{
        filter:drop-shadow(0 0 25px gold);
    }
}



.butterfly-anim{
    animation: butterfly 6s ease-in-out infinite;
}
@keyframes butterfly{
    0%{
        transform:translate(0,0) rotate(0deg);
    }
    25%{
        transform:translate(30px,-20px) rotate(8deg);
    }
    50%{
        transform:translate(0,-40px) rotate(-8deg);
    }
    75%{
        transform:translate(-30px,-20px) rotate(8deg);
    }
    100%{
        transform:translate(0,0) rotate(0deg);
    }
}


.shake-anim{
    animation: shake .4s infinite;
}
@keyframes shake{
    0%{transform:translateX(-2px);}
    25%{transform:translateX(2px);}
    50%{transform:translateX(-2px);}
    75%{transform:translateX(2px);}
    100%{transform:translateX(-2px);}
}


.orbit-anim{
    animation: orbit 8s linear infinite;
}
@keyframes orbit{
    from{
        transform:rotate(0deg) translateX(80px) rotate(0deg);
    }
    to{
        transform:rotate(360deg) translateX(80px) rotate(-360deg);
    }
}

.fly-anim{
    animation: fly 12s linear infinite;
    position:absolute;
}
@keyframes fly{
    0%{
        left:-200px;
        top:100px;
    }
    25%{
        top:50px;
    }
    50%{
        top:120px;
    }
    75%{
        top:70px;
    }
    100%{
        left:100%;
        top:100px;
    }
}

.logo3d-anim{
    animation: logo3d 4s ease-in-out infinite;
}
@keyframes logo3d{
    0%,100%{
        transform:perspective(500px) rotateY(-10deg);
    }
    50%{
        transform:perspective(500px) rotateY(10deg);
    }
}