/* This is not the stylize css that comes with Hypertext. */
/* It's custom, and named "stylize.css" to work well with the theme system. */

:root {
	--bgdcolor: #1f1f28;
	--textcolor: #e4e8ed;
	--linkcolor: #03c8ff;
	--linkvisited: #02aad9;
	--linkhover: #80e3ff;
	--brightwhite: #ffffff;
}

body {
	background-color: var(--bgdcolor);
	color: var(--textcolor);
	font-family: Verdana, sans-serif;
	padding-left: 16px;
	padding-right: 16px;
	font-size: 14px;
	line-height: 1.8;
}

hr {
	border: 1px solid var(--linkvisited);
}

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

a:visited {
	color: var(--linkvisited);
	text-decoration: none;
}

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

h1 a:link, h2 a:link, h3 a:link, h4 a:link, h5 a:link, h6 a:link {
	text-decoration: none;
	color: var(--textcolor);
}

h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited {
	text-decoration: none;
	color: var(--textcolor);
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
	text-decoration: none;
	color: var(--textcolor);
}

nav a:link {
	text-decoration: none;
	color: var(--linkcolor);
}

nav a:visited {
	text-decoration: none;
	color: var(--linkcolor);
}

nav a:hover {
	text-decoration: none;
	color: var(--textcolor);
}

nav a.current {
	color: var(--textcolor);
}

nav a.current:hover {
	color: var(--linkcolor);
}

/* heading sizes */

h1 {
	font-size: 24px;
}

h2 {
	font-size: 22px;
}

h3 {
	font-size: 20px;
}

h4 {
	font-size: 18px;
}

h5 {
	font-size: 16px;
}

h6 {
	font-size: 14px;
}

/* dealing with the site title in the nav bar */

nav a.hometitle {
	font-size: 24px;
}

nav a.hometitle:link {
	color: var(--textcolor);
}

nav a.hometitle:visited {
	color: var(--textcolor);
}

nav a.hometitle:hover {
	color: var(--linkcolor);
}

div.navbar {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: baseline;
}

div.navleft {
	
}

div.navright {
	margin-left: auto;
}