* {
margin: 0;
padding: 0;
}

body {
  background-color: #2992c4;
  color: white;
  font-family: Times;
} 

h1 {text-align: center; font-size: 40px; line-height: 1.8;}
p {text-align: center; font-size: 40px; line-height: 0.66;}
div {text-align: center;}
img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

a:link {
  color: #FFD700;
  background-color: transparent;
  text-decoration: none;
}

a:visited {
  color: #000000;
  background-color: transparent;
  text-decoration: none;
}

body::before {
		content:""; /* required for ::before */
		position:fixed; /* don't scroll with page */
		z-index:-100; /* place behind elements on page */
		width:100%;
		height:100%;
		background-color:#EFBF04;
		background-image: 
		radial-gradient(circle at top, transparent, #FFFFFF), radial-gradient(ellipse top at 0% 100%, transparent, #EFBF04);
		animation:bg-change 10s infinite;
}

@keyframes bg-change {
	0%, 100% {
		filter:hue-rotate(0deg);
	}
	70% {
		filter:hue-rotate(-180deg);
	}
}

img {
    -webkit-animation: mover 10s infinite  alternate;
    animation: mover 10s infinite  alternate;
}
@-webkit-keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-66px); }
}
@keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-66px); }
}

img-2 {
    -webkit-animation: mover 3s infinite  alternate;
    animation: mover 3s infinite  alternate;
}
@-webkit-keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-66px); }
}
@keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-66px); }
}

img-3 {
    -webkit-animation: mover 6s infinite  alternate;
    animation: mover 6s infinite  alternate;
}
@-webkit-keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-66px); }
}
@keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-66px); }
}