body {
   display: flex;
   justify-content: center;
   align-items: center;
   font-family: 'Helvetica';
   background: black;
}

.neons {
   margin-top: 10rem;
   text-align: center;
}

.neons h1 {
  font-size: 9rem;
  text-align: center;
   font-weight: bold;
  -webkit-animation: glow 2s ease-in-out infinite alternate;
  -moz-animation: glow 2s ease-in-out infinite alternate;
  animation: glow 2s ease-in-out infinite alternate;
}

@-webkit-keyframes glow {
     from {
      color: #facd99;
    text-shadow: 0 0 10px #f8fff2, 0 0 20px #f8fff2, 0 0 30px #f8fff2, 0 0 40px #f8fff2, 0 0 50px #f8fff2, 0 0 60px #f8fff2, 0 0 70px #f8fff2, 0 0 90px #f8fff2;
  }
  
  to {
     color: gray;
    text-shadow: 0 0 20px #00fff2, 0 0 30px #00fff2, 0 0 40px #00fff2, 0 0 50px #00fff2, 0 0 60px #00fff2, 0 0 70px #00fff2, 0 0 80px #00fff2, 0 1 90px #00fff2;
  }
}