html {
  min-height:100%;
}

body {
  min-height:100%;
  margin: 0;
  background-size: auto;
  background-color: #ffffff;
  background-image: url("images/overlay.png"), -moz-linear-gradient(60deg, rgba(230, 140, 125, 0.5) 20%, rgba(0, 203, 230, 0.5));
  background-image: url("images/overlay.png"), -webkit-linear-gradient(60deg, rgba(230, 140, 125, 0.5) 20%, rgba(0, 203, 230, 0.5));
  background-image: url("images/overlay.png"), -ms-linear-gradient(60deg, rgba(230, 140, 125, 0.5) 20%, rgba(0, 203, 230, 0.5));
  background-image: url("images/overlay.png"), linear-gradient(60deg, rgba(230, 140, 125, 0.5) 20%, rgba(0, 203, 230, 0.5));
  animation: change 23s infinite;
}

@keyframes change{
  0% { background-color: #d3ffcf; }
  20% { background-color: #ff000075; }
  40% { background-color: #9f9f9f; }
  60% { background-color: #5b9762; }
  80% { background-color: transparent; }
  100% { background-color: #d3ffcf; }
}