.nav ul {
        display: flex;
        list-style-type: none;
        justify-content: space-around;
	flex-wrap: wrap;
}

.nav ul li {
        padding: 1em;
	border: 1px solid black;
	text-align: center;
	background: blue;
	opacity: 0.7;
}

.nav ul li:hover {
	background: orange;
}

.nav ul li a {
	padding: 1em;
	color: white;
}

a:link {
    text-decoration: none;
}

a:visited {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

a:active {
    text-decoration: underline;
}

.active {
        background: green;
}