body {
    background-image: url('noise.1.png');
    /* background-image: url('noise.2.webp'); */
    background-repeat: repeat;
    background-color: var(--background);
    color: white;
    margin: 0;
    font-family: 'Raleway';
    font-weight: 400;
    font-size: 18px;
}

.neon {
    color: #fff;
    text-shadow:
        /* Bright white core */
        0 0 2px #fff,
        0 0 5px #fff,
        /* Inner accent glow */
        0 0 10px var(--accent),
        0 0 20px var(--accent),
        /* Mid glow */
        0 0 40px var(--accent),
        0 0 60px var(--accent),
        /* Wide diffuse outer glow */
        0 0 100px var(--accent),
        0 0 150px var(--accent),
        0 0 200px var(--accent);
}

.neon:hover {
    text-shadow:
        /* Brighter white core on hover */
        0 0 5px #fff,
        0 0 10px #fff,
        /* Intensified glow */
        0 0 20px var(--accent),
        0 0 40px var(--accent),
        0 0 80px var(--accent),
        0 0 120px var(--accent),
        0 0 180px var(--accent),
        0 0 250px var(--accent),
        0 0 300px var(--accent);
}