*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-size: 100%;
}


html, body {
  height:100%;
  overflow: hidden;
  background-color: black;

}

div {
	height:100%;
	width:100%;
	position: fixed;
	font-size:64px;
	color:aqua;
	transition: top 10s, left 10s;
}

.background {
    background: radial-gradient(white, mintcream, honeydew, lightyellow, lightslategrey, silver, black, black, black, black);
    background-size: 700% 700%;
    animation: gradient 50s ease infinite;
    position: fixed;
    width: 100%;
    height:100%;
}

@keyframes gradient {
    0% {
        background-position: 0% 0%;
    }
    30%{
        background-position: 300% 50%;
    }
    50% {
        background-position: 700% 500%;
    }
    80%{
         background-position: 300% 50%;
    }
    100% {
        background-position: 0% 0%;
    }
  }