.navbar .navbar-nav {
	letter-spacing: 1px;

}
.navbar .navbar-nav li a {
	color: var(--light);
	font-weight: 600;
	line-height: 69px;
	margin: 0px;
}
.navbar .navbar-nav li a:hover {
	background-color: var(--earth);
	outline: none;
	color: var(--fire);
	   
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.navbar .navbar-nav li a:focus,
.navbar .navbar-nav li a:active {
	background-color: var(--water);
	color: var(--light);
}
.navbar .navbar-nav li.active a {
  color: var(--light);
}
.navbar .navbar-nav li.active a:hover,
.navbar .navbar-nav li.active a:focus,
.navbar .navbar-nav li.active a:active {
  color: var(--light);
}