#neon-text {
    font-family: "Allerta Stencil";
    font-size: 2.5rem;
    margin-bottom: 1.5rem;
    letter-spacing: 3px;
    text-transform: uppercase;
    /* Centers the text nicely */
    display: flex; 
    justify-content: center;
}

#neon-text span {
    display: inline-block;
    
    color: #ffffff;
    /* This creates the 0.15s smooth fade when it flickers */
    transition: color 0.15s ease-in-out, text-shadow 0.15s ease-in-out;
    /* The very slight breathing animation */
    animation: subtle-breathe 3s infinite alternate ease-in-out;
}

/* The state when a letter is dead */
#neon-text span.neon-off {
    color: #3b3b3b; /* Dark, unlit glass color */
    text-shadow: none;
    animation: none; /* Kills the breathing effect while dead */
}

/* The very slight breathing aura */
@keyframes subtle-breathe {
    0% {
        text-shadow: 
            0 0 10px rgba(138, 43, 226, 0.5), 
            0 0 15px rgba(138, 43, 226, 0.3), 
            0 0 25px rgba(76, 201, 240, 0.2);
    }
    100% {
        text-shadow: 
            0 0 12px rgba(138, 43, 226, 0.7), 
            0 0 20px rgba(138, 43, 226, 0.5), 
            0 0 32px rgba(76, 201, 240, 0.4);
    }
}