:root {
  /* --c-bg: rgb(14, 14, 22); */
  --c-bg: rgb(22, 22, 28);
  --c-bg-lighter: rgb(24, 24, 34);
  --c-bg-even-lighter: rgb(28, 34, 46);
  --c-fg: rgb(196, 207, 202);
  --c-fg-secondary: #a83364;
  --c-fg-tertiary: #74bb44;
  --c-fg-tertiary-light : #55cb86;
  --c-fg-inactive: rgb(139, 148, 135);
  --c-separator: #fafafb21;
  --c-border: #fafafb51;
  --c-link:rgb(93, 124, 43);
  --c-link-hover:#74bb44;
}

html, body {
	font:1.2em/1.62 sans-serif;
}

html {
	background-color: var(--c-bg);
	color: rgb(196, 207, 202);
}


/* Nav bar link options */
nav a:hover,
nav a[active] {
	/* opaque gray */
	/* background-color: rgba(39, 39, 39, 0.048); */
	/* light semi-transparent green */
	/* background-color: rgba(202, 238, 202, 0.438); */
	/* light green*/
	/* color: rgb(61, 161, 51) !important; */
	color: var(--c-link-hover) !important;
	/* background-color: rgba(141, 212, 144, 0.363); */
}

a {
	color: var(--c-link);
	text-decoration: none;
}
a:hover {
	color: var(--c-link-hover)
}

nav a, a.nounderline{
	text-decoration: none;
}

.navbar-nav nav a {
	color: var(--c-fg-inactive);
}

h1, h2, h3, h4, h5 {
  color: var(--c-fg-secondary);
}

/* .navbar */
/*
.navbar-nav
{
	text-align: center;
	float: none;
	display: block;
	margin: auto;
}

.navbar-nav > li {
	display: inline-block;
	float:none;
} 
*/