:root {
	--slime: #bfc800;
	--forest: #0a6d18;
	--berry: #f52b58;
	--navy: #003373;
	--blackforest: #102210;
	--tangerine: #f8ae00;
	--sky: #0080db;
	--mint: #009d80;
	--bubblegum: #e384ca;
}

html,body {

}

body {
	font-family: 'Roboto', sans-serif;
	font-weight 100;
	background-color: var(--blackforest);
	color: white;
}

div.main {
	padding-top: 50px;
}

h1 {
	font-family: 'Bebas Neue', sans-serif;
	font-weight 200;
}

h2 {
	font-family: 'Bebas Neue', sans-serif;
	font-weight 100;
}

h3 {
	font-family: 'Roboto Mono', monospace;
}

span.highlight {
	background-color: var(--berry);
}


/*Body links */

a, a.visited {
	color: var(--slime);
	padding: 1px;
	margin: -1px;
}

a:hover {
	color: var(--blackforest);
	background-color: var(--slime);
}

a:active {
	color: var(--blackforest);
	background-color: var(--berry);
}

/* Navigation */

div.nav {
	position:fixed;
	float:right;
	padding: 5px;
	width: 100%;
	margin-top: 0px;
	background-color: var(--blackforest);

}

.nav p {
	margin-left:auto;
	margin-right: 10px;
}

.nav a:link, .nav a:visited {
	font-family: 'Roboto Mono', monospace;
	color: white;
	padding: 5px;
	background-color: inherit;

}

.nav a:hover{
	color: var(--slime);
	background-color: inherit;
}

.nav a:active{
	color: var(--berry);
	background-color: inherit;

}

.nav a.here{
	color: var(--slime);
	background-color: inherit;
}