body{
  background:pink;
  -webkit-animation:colour 10s linear infinite;
    -moz-animation:colour 10s linear infinite;
  
}
@-webkit-keyframes colour{
    0%{
        background:pink
    }

    40%{
        background:lightpink
    }

    80%{
        background:thistle
    }

    100%{
        background:pink
    }

}

@-moz-keyframes colour{
    0%{
        background:pink
    }

    40%{
        background:lightpink
    }

    80%{
        background:thistle
    }

    100%{
        background:pink
    }

}


h1 {transform: skew(-2deg,-2deg);font-size:300%;
    text-align:center;background:radial-gradient(green,deepskyblue);
    text-shadow: 5px 5px 2px orange;
  animation-duration: 3s;  
  animation-name: slidein;  
}
 
@keyframes slidein {
  from {
    margin-left: 100%;
    width: 300%;
    color: blue;
    background-color: #aaccff;
  }
  to {
    margin-left: 0%;
    width: 100%;
    color: black;
    background-color: white;
  }
}
h2 {
  padding: 0.4em 0.5em;
  color:dimgray;
  background:whitesmoke;
  border-left: solid 5px lightskyblue;
  border-bottom: solid 3px lightgray;
}
