/* Coffee cup animation */
@keyframes steam {
    0% {
        transform: translateY(0) translateX(-50%);
        opacity: 0.4;
    }

    50% {
        transform: translateY(-10px) translateX(-50%);
        opacity: 0.2;
    }

    100% {
        transform: translateY(-20px) translateX(-50%);
        opacity: 0;
    }
}

.coffee-cup {
    position: relative;
    display: inline-block;
}

.coffee-cup::before {
    content: "☕";
    font-size: 1.2em;
}

.coffee-cup::after {
    content: "~";
    position: absolute;
    left: 50%;
    top: -5px;
    transform: translateX(-50%);
    font-size: 1.2em;
    opacity: 0;
    animation: steam 2s infinite;
}