body {
	color:#000000;
	background-color:#000000;
	margin:0;
}  

.colorchange {
  font-family: monospace;
  /* font-style: bold; */
  width:100%;
  margin: 0 auto;
  text-align: center;
  color:#9e1111;
  font-size:90px;
  font-weight: bold;
  position: relative;
  -webkit-animation:colorchange 20s infinite alternate;       
}
  
@-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;
        }
}
    
.center {
  /* margin-top: 75px;
  margin-bottom: 50px; */
  color: white;
  font-size: 45px;
  margin: 0 auto;
  text-align: center;
  vertical-align: middle;
  position: relative;
}

#spinning-image {
  display: block;
  margin: 40px auto;       /* centers horizontally, adds top space */
  width: 400px;
  height: 400px;
  cursor: pointer;
  transform-origin: center center;
}


@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}