nav {
	width: 880px;
	border-bottom-right-radius: 100px;
	padding: 5px 0;
	text-align: center;
	background-image: linear-gradient(-90deg, var(--color_p2), var(--color_p1));
}

ul {
	margin: .5em 0;
	padding: 0;
	list-style-type: none;
	font-size: 1.2em;
	color: var(--color_p4);
	display: block;
	height: 20px;
}

ul > li {
	float: left;
	width: 120px;
	height: 20px;
	border-right: 1px solid var(--color_p2);;
	color: #fff;
}

ul > li:hover {
	cursor: pointer;
	color: #ccc;
}


.wrapper {
	width: 100%;
}

footer {
	background: var(--color_p2);
	padding: 10px;
}