/* Title Card Shooty Text Flicker */
@keyframes titleCardShootyTextFlicker {
    37%, 39%, 41%, 43% {
        text-shadow: 0 0 10px #0062ff, 0 0 20px #0062ff, 0 0 30px #0062ff, 0 0 40px #0062ff;
    }
    35%, 38%, 40%, 42% {
        text-shadow: 0 0 10px #0062ff, 0 0 20px #0062ff;
    }
}

/* Title Card Arena Text Flicker */
@keyframes titleCardArenaTextFlicker {
    38%, 40% {
        text-shadow: 0 0 10px #ff3300, 0 0 20px #ff3300, 0 0 30px #ff3300, 0 0 40px #ff3300;
    }
    35%, 39% {
        text-shadow: 0 0 10px #ff3300, 0 0 20px #ff3300;
    }
}

/* Title Card */
.titleCard {
    width: 40%;
    padding: 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: #1a1a1a;
}

/* Title Card H4 First Child */
.titleCard h4:first-child {
    text-shadow: 0 0 10px #0062ff, 0 0 20px #0062ff, 0 0 30px #0062ff, 0 0 40px #0062ff;
    animation: titleCardShootyTextFlicker 4s infinite;
}

/* Title Card h4 Last Child */
.titleCard h4:last-child {
    text-shadow: 0 0 10px #ff3300, 0 0 20px #ff3300, 0 0 30px #ff3300, 0 0 40px #ff3300;
    animation: titleCardArenaTextFlicker 6s infinite;
}

/* Title Card H4 First Child A */
.titleCard h4:first-child a {
    font-family: NeonSans;
    font-size: 50px;
    color: #0062ff;
}

/* Title Card H4 Last Child A */
.titleCard h4:last-child a {
    font-family: NeonSans;
    font-size: 50px;
    color: #ff3300;
}