.center {
        margin: 0 auto;
    }

    .awesome {
      
      -webkit-animation:colorchange 2s infinite alternate;
    }

    @-webkit-keyframes colorchange {
      0% {        
            text-shadow: 0 0 16px #009cff; /* Blue */
      }
      
      10% {        
            text-shadow: 0 0 16px #C32DFF; /* Purple */
      }
      
      20% {        
            text-shadow: 0 0 16px #2dff96;
      }
      
      30% {        
          text-shadow: 0 0 16px orangered;
      }
      
      40% {        
           text-shadow: 0 0 16px #009cff;
      }
      
      50% {        
          text-shadow: 0 0 16px #C32DFF;
      }
      
      60% {        
            text-shadow: 0 0 16px #2dff96;
      }
      
      70% {        
           text-shadow: 0 0 16px orangered;
      }
      80% {     
            text-shadow: 0 0 16px #009cff;
      }
      
      90% {     
           text-shadow: 0 0 16px #C32DFF; 
      }
      
      100% {        
            text-shadow: 0 0 16px #2dff96;
      }
	  110% {        
            text-shadow: 0 0 16px orangered;
      }
    }