body {
	background: #111;
	color: #eee;
}



.top-bar {
	width: 100%;
	background-color: rgba(0,0,0,0.8);
	/*max-width: 75rem;*/
	/*margin-left: auto;*/
	/*margin-right: auto;*/
}

	.top-bar ul {
		background-color: transparent;
	}

	li.menu-text.tld {
		text-decoration: none;
	    color: #00ff00;
	    font-family: 'Inconsolata';
	    font-size: 1.0625rem;
	    text-transform: lowercase;
	    font-weight: bold;
	    margin: 0;
	}

	header {
		background: #000;
	}

	header ul li a{
		color: #ffffff;
		font-family: 'Inconsolata', sans-serif;
		font-size: 1.0625rem;
		text-transform: lowercase;
		/*margin-right: 30px;*/
		letter-spacing: .5px;
	}
		header ul li:last-child a{
			margin-right: 0;
		}
		header li a:hover{
			color: #00ff00 !important;
		}
		header li a:active{
			color: #00ff00;
		}
		header li a:visited{
			color: inherit;
		}
			header ul li a:hover::before { 
			    content: "~$ ";
			}
			header ul li a::before { 
			    content: "\00a0\00a0\00a0";
			}
		header ul li a.active-page {
			color: #00ff00;
			font-weight: bold;
		}

		header ul li a.broken-page:hover {
			text-decoration: line-through;
		}




h1#title {
	font-family: 'Graduate', monospace;
	font-size: clamp(42px, 10vw, 4rem);
	text-align: center;
}