body{
	margin:0;
	padding:0;
	background:#fc88c8;
	font-family: 'Parisienne', cursive;
}

h1{
   color: #fff; 
	font-size:50px;
	padding-top:280px;
	text-align: center;
   text-shadow: 1px 1px 3px #fff;
}


ul.Loading{
	color: #fff;
	position: absolute;
	top:50%;
	left:50%;
	transform: translate(-50%, -50%);
	margin:0;
	padding:0;
	display: flex;
}

ul.Loading li{
	list-style-type: none;
	height: 20px;
	width: 20px;
   background: linear-gradient(to right, #fff, #ffb8f9); 
	margin: 0 5px;
	border-radius: 50%;
	animation: animate 1.5s linear infinite;
   box-shadow: 1px 1px 5px #fff;
}


@keyframes animate {
	0%{
	transform: translateY(0);	
	}
	60%{
	transform: translateY(0);	
	}
	80%{
	transform: translateY(-20px);	
	}
	100%{
	transform: translateY(0);	
	}
}

ul.Loading li:nth-child(1)
{
	animation-delay: 0;
}
ul.Loading li:nth-child(2)
{
	animation-delay: -1.2s;
}
ul.Loading li:nth-child(3)
{
	animation-delay: -1s;
}
ul.Loading li:nth-child(4)
{
	animation-delay: -.8s;
}
ul.Loading li:nth-child(5)
{
	animation-delay: -.6s;
}