body {
	background-color: var(--background-color);
	font-family: "Monaco", "Lucida Console", monospace;
	color: var(--text-light);
	--background-color: #1a1a1a;
	--text-dark: #909090;
	--text-light: #d5d5d5;
}

#container {
	margin: 3em auto;
	width: 50%;
	min-width: 400px;
	
}

.folder {
	color: var(--text-light);
	background-color: #333333;
	padding: 8px 12px 4px 12px;
	margin: 2em -12px 2em -12px;
}


.title {
	margin: -2px auto 1em -3em;
	padding: 5px 24px 4px 12px;
	min-width: 40%;
	background-color: #555555;
	font-style: italic;
	font-size: 1.1em;
	font-weight: bold;
	color: white;
	width: fit-content;
	box-shadow: 4px 4px var(--background-color);
}

.navlinks {
	display: inline-block;
	width: 100%;
	text-align: center;
	margin-bottom: 2.5em;
	color: var(--text-dark);
}

.navlinks > a {
	display: inline-block;
	font-weight: bold;
}

a {
	display: block;
	margin-bottom: 0.5em;
	color: var(--text-light);
	text-decoration-color: var(--text-dark);
	width: fit-content;
	margin-left: 2.5em;
	text-indent: -2.5em;
}



#secondary:a {
	color: var(--text-dark);
}