.footer-smiley {display: flex; align-items: flex-start; justify-content: flex-start; margin-top: 0; text-align: left;}
.animated-smiley {position: relative; width: 70px; height: 70px; cursor: pointer;}
.face {width: 70px; height: 70px; background: white; border: 2px solid #000; border-radius: 50%; position: relative; transition: all 0.3s ease; animation: bounce 4s ease-in-out infinite;}
.eyes {position: absolute; top: 22px; width: 100%; display: flex; justify-content: space-around;}
.eye {width: 10px; height: 10px; background: #000; border-radius: 50%; position: relative; transition: all 0.3s ease;}
.mouth {position: absolute; bottom: 18px; left: 50%; transform: translateX(-50%); width: 28px; height: 14px; background: #000; border-radius: 0 0 14px 14px; transition: all 0.3s ease;}

@keyframes bounce {
    0%, 100% {transform: translateY(0);}
    50% {transform: translateY(-8px);}
}

@media (max-width: 260px) {
    .animated-smiley {width: 50px; height: 50px;}
    .face {width: 50px; height: 50px;}
    .eyes {top: 16px;}
    .eye {width: 7px; height: 7px;}
    .mouth {bottom: 13px; width: 20px; height: 10px;}
}