* {
	margin: 0;
	padding: 0;
	--color1 : rgba(30, 30, 30, 1);
	--color2 : rgba(255, 255, 255, 0.07);
	color: white;
}

body {
	background-color: var(--color1);
}

main {
	margin: 50px;
}

nav {
	display: block;
	width: 100vw;
}

nav ul li {
	list-style: none;
	display: inline-block;
	padding: 15px;
	background-color: var(--color2);
	border: 2px solid var(--color1);
}

nav ul li a {
	text-decoration: none;
	color: white;
	font-weight: bold;
	transition: 3s ease;
}

nav ul li:hover {
	transform: scale(1.05);
	transition: 0.3s ease;
}


nav ul li.green {
	border-bottom: 1px solid green;
}
nav ul li.orange {
	border-bottom: 1px solid orange;
}
nav ul li.red {
	border-bottom: 1px solid red;
}
nav ul li.white {
	border-bottom: 1px solid white;
}