@keyframes neonspark { 
0% { text-shadow: none; }
30% { text-shadow: 0 0 30px rgba(0, 195, 230,0.6); }
60% {
  text-shadow: 0 0 30px rgba(0, 195, 230,0.6),
      0 0 60px rgba(0, 195, 230,0.4); 
  }
80% { text-shadow: none; }
100% { 
    text-shadow: 0 0 30px rgba(0, 195, 230,0.6),
      0 0 60px rgba(0, 195, 230,0.4),
      0 0 100px rgba(0, 195, 230,0.2),
      0 0 90px rgba(0, 195, 230,0.1);
  }
}

@-webkit-keyframes neonspark { 
0% { text-shadow: none; }
30% { text-shadow: 0 0 30px rgba(0, 195, 230,0.6); }
60% {
  text-shadow: 0 0 30px rgba(0, 195, 230,0.6),
      0 0 60px rgba(0, 195, 230,0.4); 
  }
80% { text-shadow: none; }
100% { 
    text-shadow: 0 0 30px rgba(0, 195, 230,0.6),
      0 0 60px rgba(0, 195, 230,0.4),
      0 0 100px rgba(0, 195, 230,0.2),
      0 0 90px rgba(0, 195, 230,0.1);
  }
}

.brand-heading {
	animation: neonspark 1s 3s forwards;
	-webkit-animation: neonspark 1s 3s forwards;
	text-shadow: 
	0 0 20px rgba(0, 195, 230,0.6),
	0 0 40px rgba(0, 195, 230,0.4),
	0 0 60px rgba(0, 195, 230,0.2),
	0 0 80px rgba(0, 195, 230,0.1);
}

.brand-heading span { 
	animation: neonspark 4s 3s infinite;
	-webkit-animation: neonspark 4s 3s infinite;
}