@import "responsive.css" ;

body
{
	background-color: #101010 ;
	color: #bebebe ;

	--primary-color: #3a86e6 ;
	--secondary-color: #8751f2 ;

	font-family: Fura Sans, sans-serif;
	font-size: 120%;
	max-width: 40em;
	margin: 0px auto;
	padding: 0em 1em 1em 1em;
	line-height: 1.6rem ;
}

header > p#constructionNotice
{
	background: red ;
	color: white ;
	text-align: center ;
}

body header
{
	text-align: center ;
}

body > header
{
	border-bottom: 1px;
	border-bottom-style: solid;
	border-bottom-color: white;
}

body header nav
{
	text-align: left ;
}

body header nav a
{
	text-decoration-line: none ;
}

h1, h2, h3, h4, h5, h6,
div.paragraph > div.title
{
	color: orange ;
}

a {
	color: var(--primary-color);
}

a:visited {
	color: var(--secondary-color);
}

footer
{
	display: flex vertical ;
	text-align: center ;
	border-top: 1px solid #999 ;
	border-bottom: 1px solid #999 ;
	margin-bottom: 3rem ;
}