@-webkit-keyframes 'colorchange' {
      0% {   
        color: blue;
      }
      10% { 
        color: #8e44ad;
      }
      20% {
        color: #1abc9c;
      }
      
      30% { 
        color: #d35400;
      }
      40% {  
        color: blue;
      }
      50% {   
        color: #34495e;
      } 
      60% {  
        color: blue;
      }
      70% { 
        color: #2980b9;
      }
      80% {
        color: #f1c40f;
      }
      90% {
        color: #2980b9;
      }
      100% { 
        color: pink;
      }
    }
    
@-webkit-keyframes 'buttongrad' {
      0% {   
        color: blue;  
        border-color: blue;
      }
      10% { 
       color: #8e44ad;
        border-color: #8e44ad;
      }
      20% {
        color: #1abc9c;
        border-color: #1abc9c;
      }
      
      30% { 
        color: #d35400;
        border-color: #d35400;
      }
      40% {  
        color: blue;
        border-color: blue;
      }
      50% {   
        color: #34495e;
        border-color: #34495e;
      } 
      60% {  
        color: blue;
        border-color: blue;
      }
      70% { 
        color: #2980b9;
        border-color: #2980b9;
      }
      80% {
        color: #f1c40f;
        border-color: #f1c40f;
      }
      90% {
        color: #2980b9;
        border-color: #2980b9;
      }
      100% { 
        color: pink;
        border-color: pink;
      }
    }