:root {
    --glow-color-1-rgb: 255,0,255;
    --glow-color-2-rgb: 255,0,255;
    --glow-color-backlight-rgb: 255,255,255;
}

/* yummy base glow 😜 */
.glow {
    box-shadow:
            inset 0 0 60px whitesmoke,
            inset 20px 0 80px #f0f,
            inset -20px 0 80px #0ff,
            inset 20px 0 300px #f0f,
            inset -20px 0 300px #0ff,
            0 0 50px #fff,
            -10px 0 80px #f0f,
            10px 0 80px #0ff;
}

.glow-hover-outer {
    transition: .4s;
}
.glow-hover-outer:hover, .glow-hover-outer:focus {
    box-shadow:
            0 0 25px #fff8,
            -2.5px 0 20px #f0f,
            2.5px 0 20px #0ff;
}

.glow-hover-outer-muted {
    transition: .4s;
}
.glow-hover-outer-muted:hover, .glow-hover-outer:focus {
    box-shadow:
            0 0 12.5px #fff4,
            -1.5px 0 10px #f0f8,
            1.5px 0 10px #0ff8;
}

.glow-hover {
    transition: .4s;
}
.glow-hover:hover, .glow-hover:focus {
    box-shadow:
            inset 0 0 15px whitesmoke,
            inset 20px 0 80px #f0f,
            inset -20px 0 80px #0ff,
            inset 20px 0 300px #f0f,
            inset -20px 0 300px #0ff,
            0 0 25px #fff8,
            -2.5px 0 20px #f0f,
            2.5px 0 20px #0ff;
}

.glow-logo {
    filter: drop-shadow(-5px 0 15px #f0f) drop-shadow(5px 0 15px #0ff);
    transition: 1s;
}

.glow-logo:hover, .glow-logo:focus {
    filter: drop-shadow(0 0 15px #fff8) drop-shadow(-5px 0 20px #f0f) drop-shadow(5px 0 20px #0ff);
}

.glow-text {
    color: white;
    transition: .4s;
    text-shadow:
            0 0 25px #fff4,
            -2.5px 0 20px #f0f8,
            2.5px 0 20px #0ff8;
}

.glow-text:hover, .glow-text:focus {
    color: white;
    text-shadow:
            0 0 25px #fff8,
            -1px 0 20px #f0f,
            1px 0 20px #0ff;
}

.glow-text-flicker {
    animation: flicker 5s infinite alternate;
}

@keyframes flicker {
    0%, 18%, 22%, 25%, 53%, 57%, 100% {
        text-shadow:
                0 0 25px #fff8,
                -2.5px 0 20px #f0f,
                2.5px 0 20px #0ff,
                -5px 0 40px #f0f,
                5px 0 40px #0ff,
                -10px 0 80px #f0f,
                10px 0 80px #0ff;
    }
    20%, 24%, 55% {
        text-shadow: none;
    }
}