@keyframes rotate-center{
0%{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
.acav,.avatar_private,.avav,.chat_avatar{-webkit-animation:rotate-center .6s ease-in-out both;animation:rotate-center .6s ease-in-out both}
.orti{-webkit-animation:heartbeat 1.5s ease-in-out infinite both;animation:heartbeat 1.5s ease-in-out infinite both}
@-webkit-keyframes heartbeat{
from{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:center center;transform-origin:center center;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
10%{-webkit-transform:scale(.91);transform:scale(.91);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
17%{-webkit-transform:scale(.98);transform:scale(.98);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
33%{-webkit-transform:scale(.87);transform:scale(.87);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
45%{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
}
.emo_chat {
  height: 100px;
}

.emoticon {
  height: 70px;
}

.sticker {
  height: 80px;
}

.sticker_chat {
  height: 110px;
}

@keyframes like {
  0% {
    animation-timing-function: ease-in;
    transform: rotate(0deg) scale(1);
  }
  25% {
    animation-timing-function: ease-out;
    transform: rotate(-180deg) scale(1.4);
  }
  50%, 100% {
    transform: rotate(-360deg) scale(1);
  }
}

.acav, .avatar_private, .avav, .chat_avatar {
  animation: like 2s ease-in-out both;
}

.orti {
  animation: like 1.5s ease-in-out infinite;
}

.frame {
    height: 100%;
    width: 200%;
    overflow: hidden;
} 

#dj_profile {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

#dj_profile * {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

.content {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px; 
    white-space: nowrap;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 15px;
    animation: heartbeat-sonic 5s infinite ease-in-out;
}

@keyframes heartbeat-sonic {
  0% { 
    transform: scale(1);
  }
  14% { 
    transform: scale(1.03);
  }
  28% { 
    transform: scale(1);
  }
  42% { 
    transform: scale(1.05);
  }
  70% { 
    transform: scale(1);
  }
}

@media (max-width: 768px) {
    .frame {
        overflow: hidden; /* sakrij višak */
    }
    .content {
        animation: marquee 15s linear infinite alternate; /* marquee na mobilu */
        font-size: 10px; /* manji font za mob */
    }
}

@keyframes marquee {
    0%   { transform: translateX(0%); }
    100% { transform: translateX(-50%); }
}

@keyframes neon-glow {
  0% { text-shadow: 0 0 5px cyan, 0 0 10px blue; }
  50% { text-shadow: 0 0 15px cyan, 0 0 25px blue; }
  100% { text-shadow: 0 0 5px cyan, 0 0 10px blue; }
}

.neon-text {
  animation: neon-glow 1.5s infinite ease-in-out;
}