*{
font-family: Copperplate Gothic Bold;
	
}
ul{
	float: center;
	list-style-type: none;
	margin-top: 15px;
}

ul li{
display:inline-block;

}



ul li a{

	float: center;
	text-decoration: none;
	color: #fff;
	padding: 5px 20px;
	border: 5px solid transparent;
	transition: 0.6s ease;
}

ul li a:hover{
 	background-color: #fff;
 	color: #000;
}

ul li.active a{
	background-color: yellow;
	color: #000;
 
}
 


ul{
	float: center;
	list-style-type: none;
	margin-top: 25px;
}

ul li{
display:inline-block;

}

ul li a{
	text-decoration: none;
	color:#fff;
	padding: 5px 20px;
	border: 2px solid transparent;
	transition: 0.6s ease;
}
ul li a:hover{
 	background-color: #fff;
 	color: #000;
}
ul li.active a{
	background-color: #fff;
 	
}