html, body {
  height: 100%;
  width: 100%;
  background-color: #0a0a0a ;
}

h1 {

animation: colour-change 2.5s infinite;
font-family: Sans-serif
  
}

h2 {

color: #ffffff ;
font-family: Sans-serif
  
}

h3 {

animation: color-change 2.5s infinite;
font-family: Sans-serif
  
}

h4 {

color: #c3c3c3 ;
font-family: Sans-serif
  
}

p1 {

color: #ffffff ;
font-family: Sans-serif
  
}

a1 {

color: #4ac7f0 ;
font-family: Sans-serif
  
}


@keyframes color-change {
  10% { color: white; }
  20% { color: black; }
  30% { color: lime; }
  40% { color: red; }
  50% { color: orange; }
  60% { color: yellow; }
  70% { color: green; }
  80% { color: blue; }
  90% { color: indigo; }
  100% { color: purple; }
}

@keyframes colour-change {
  10% { color: white; }
  20% { color: black; }
  30% { color: lime; }
  40% { color: red; }
  50% { color: orange; }
  60% { color: yellow; }
  70% { color: green; }
  80% { color: blue; }
  90% { color: indigo; }
  100% { color: purple; }
}