*{

	padding: 0px;
	margin: 0;
	background-color:#000000;
	box-sizing: border-box;
	animation:bgcolor infinite 20s;
}
body
{

 	margin
 	height: 0%;
 	width: 100%;
	background-size: cover;
	background-position: center;
	font-family: Arial;
	font-size:25px;

}
.menu-bar ul
{

	display: inline-flex;
	list-style: none;
	color: #fff;
}

.menu-bar ul li
{
		width:120px;
		margin:15px;
		padding:15px;

}

.menu-bar ul li a
{


			text-decoration: none;
			color: #ffff;
}

.active, .menu-bar ul li:hover
{

		background: #7fffd4;
		border-radius: 1px;
}
section {
	width: 100%
	height: 100vh;
	color:#fff;
	background: linear-gradient(-45deg, #EE7752, #E73C7E, #23A);
}
@keyframes bgcolor {
	0%
	{
		background:#EE7752;
	}
	20%
	{
		background: #2980b9;
	}40%
	{
		background: #f1c40f;
	}60%
	{
		background: #344950;
	}
	80%
	{
		background:#7fffd4;

}