.ghost:hover{
    /* animation: pageTitleText 1s infinite; */
    animation-duration: 1s;
    animation-name: pageTitleText;
    animation-iteration-count: infinite;
}

@keyframes pageTitleText {
    0% {
        text-shadow: 2px 0 0 tomato
    }

    10% {
        text-shadow: -2px -2px 0 gold
    }

    100%,
    20% {
        text-shadow: 2px 0 0 #0f0
    }

    30%,
    70% {
        text-shadow: 2px 0 0 #40e0d0
    }

    40% {
        text-shadow: 2px 2px 0 tomato
    }

    50% {
        text-shadow: 0 -2px 0 gold
    }

    60% {
        text-shadow: 0 2px 0 #0f0
    }

    80% {
        text-shadow: 2px -4px 0 tomato
    }

    90% {
        text-shadow: 2px 2px 0 gold
    }
}