.glow {
  animation: glow 3s ease-in-out infinite alternate;
}

@-webkit-keyframes glow {
  from {
    text-shadow: 0 0 10px var(--hcol), 0 0 20px var(--hcol), 0 0 30px var(--hcol), 0 0 40px var(--hcol), 0 0 50px var(--hcol), 0 0 60px var(--hcol), 0 0 70px var(--hcol);
  }
  to {
    text-shadow: 0 0 20px var(--lcol), 0 0 30px var(--lcol), 0 0 40px var(--lcol), 0 0 50px var(--lcol), 0 0 60px var(--lcol), 0 0 70px var(--lcol), 0 0 80px var(--lcol);
  }
}