.balloon {
    opacity: 0;
    position: fixed;
    top: 74px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 80%;
    color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: auto;
    background-color: steelblue;
}

.balloon.context .updatecount {
    font-size: 60%;
}

.balloon-animation {
    animation: balloon 2.5s 1 forwards;
}

@keyframes balloon {
    0%   { opacity: 0; padding: 4px; border-radius: 15px; }
    20%  { opacity: 1; padding: 12px; border-radius: 60px; }
    80%  { opacity: 1; padding: 12px; border-radius: 60px; }
    100% { opacity: 0; padding: 4px; border-radius: 15px; }
}