html {
  min-height:100%;
}

body {
  min-height:100%;
  margin: 0;
  background-size: 200% 200%;
  background-color: #316258;
  background-image: -moz-linear-gradient(60deg, rgba(0, 102, 102, 0.7) 20%, rgba(255, 255, 204, 0.7));
  background-image: -webkit-linear-gradient(60deg, rgba(0, 102, 102, 0.7) 20%, rgba(255, 255, 204, 0.7));
  background-image: linear-gradient(60deg, rgba(0, 102, 102, 0.7) 20%, rgba(255, 255, 204, 0.7));
  -webkit-animation: AnimationName 13s ease infinite;
  -moz-animation: AnimationName 13s ease infinite;
  animation: AnimationName 13s ease infinite;
}

@-webkit-keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@-moz-keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@keyframes AnimationName { 
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}