#flame-status {
    display: flex;
    align-items: center;
    padding: 10px;
}

#flame {
    font-size: 22px;
    /* Reduced flame size */
    color: #ff4500;
    /* Adjusted flame color */
    margin-right: 10px;
    /* Reduced margin */
    animation: burn 1s infinite;
}

@keyframes burn {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.2);
        /* Added a subtle flame animation */
    }

    100% {
        transform: scale(1);
    }
}

#timer {
    font-size: 15px;
    /* Reduced font size for timer and message */
    font-weight: bold;
    color: #555;
    /* Adjusted text color */
    text-align: center;
}

#message {
    font-size: 15px;
    /* Reduced font size for timer and message */
    font-weight: bold;
    color: #555;
    /* Adjusted text color */
    text-align: center;
}

#message {
    margin-left: 5px;
    /* Add some left margin for separation */
}