@-webkit-keyframes hueRotate {
  0% {
    background: #267c91;
  }
  50% {
    background: #6400c8;
  }
}
@-moz-keyframes hueRotate {
  0% {
    background: #267c91;
  }
  50% {
    background: #6400c8;
  }
}
@keyframes hueRotate {
  0% {
    background: #267c91;
  }
  50% {
    background: #6400c8;
  }
}
html {
  height: 100%;
}

body {
  -webkit-animation: hueRotate 60s linear infinite;
  -moz-animation: hueRotate 60s linear infinite;
  animation: hueRotate 60s linear infinite;
  height: 100%;
  background: #ffffff;
}

main {
  position: center;
  margin-left: auto;
  margin-right: auto;
  /*top: 50%;
  margin-top: -50px;
  left: 50%;
  margin-left: -50px;*/
  width: 200px;
}