.hero-brand{
  color:#27e6d3!important;
  background:none!important;
  background-image:none!important;
  -webkit-text-fill-color:#27e6d3!important;

  text-shadow:
    0 0 8px rgba(39,230,211,.65),
    0 0 16px rgba(39,230,211,.45),
    0 0 32px rgba(39,230,211,.25)!important;

  animation:vexonBrandGlow 4s ease-in-out infinite!important;
}

@keyframes vexonBrandGlow{
  0%{
    text-shadow:
      0 0 8px rgba(39,230,211,.55),
      0 0 16px rgba(39,230,211,.35),
      0 0 28px rgba(39,230,211,.15);
  }

  50%{
    text-shadow:
      0 0 12px rgba(39,230,211,.95),
      0 0 24px rgba(39,230,211,.75),
      0 0 48px rgba(39,230,211,.35);
  }

  100%{
    text-shadow:
      0 0 8px rgba(39,230,211,.55),
      0 0 16px rgba(39,230,211,.35),
      0 0 28px rgba(39,230,211,.15);
  }
}