.pop { animation: pop 0.5s ease-out; }
@keyframes pop {
    0% { transform: scale(1); }
    30% { transform: scale(1.5); }
    100% { transform: scale(1); }
}

.attention { animation: highlight 1s ease-out; }
@keyframes highlight {
    0% { background-color: yellow; }
    100% { background-color: transparent; }
}

.smallpop { animation: smallpop 0.5s ease-out; }
@keyframes smallpop {
    0% { transform: scale(1); }
    30% { transform: scale(1.2); }
    100% { transform: scale(1); }
}

.attention-pop { animation: attpop 1s ease-out;}
@keyframes attpop {
    0% { transform: scale(1); background-color: rgba(255,255,255,0.5); }
    30% { transform: scale(1.1); }
    100% { transform: scale(1); background-color: transparent; }
}