/* Solarized WCAG OK

🌞 Light Theme (Base16: Default Light–style)
🎯 Goal:

High contrast, neutral reading, safe links

Colors

Background: #f5f5f5

Text: #202020

Link / Accent: #005f87

🌙 Dark Theme (Base16: Default Dark–style)
🎯 Goal:

Readable without eye strain, still WCAG-compliant

Colors

Background: #181818

Text: #e8e8e8

Link / Accent: #7cafc2
*/

p {
	text-align: left;
}

.layout {
	display: flex;
}

.menu {
	width: 200px;
}

main {
	flex: 1;
}

h1, h2, h3, h4 {
	font-weight: bold;
	font-size: 12pt;
}

h4 {
	font-weight: normal;
	font-style: italic;
}


h1, header h1 {
	font-weight: bold;
	text-transform: uppercase;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	font-size: 14pt;
}

header {
	background-color: #181818;
	color: #e8e8e8;
}

/* When is this used? */
.main-heading, h1{
   font-weight: normal;
}

.heading, h2 {
   font-weight: bold;
}

body {
	color: #202020;
	background-color: #f5f5f5;
	font-size: 12pt;
}

main, nav, header, footer {
	font-family: Verdana, sans-serif;
	padding: 10px;
}

main h2 {
	margin-top: 0;
	font-weight: bold;
	text-transform: uppercase;
}

main h3 {
	font-weight: bold;
}

main h4 {
	font-style: italic;
}

main table {
	margin-left: auto;
	margin-right: auto;
}

main table th {
	text-align: left;
}
main table td, main table th {
	padding: 5px;
}

nav a, main a, section a, footer a {
	color: #005f87;
}

footer p {
	text-align: center;
}

nav ul {
	list-style-type: none;
	padding-left: 0;
}


.text {
   font-weight: normal;
   color: #000000;
   text-decoration: none;
   font-size: 10pt;
	 padding: 5px;
	 text-align: left;
}

.text-center {
   font-weight: normal;
   color: #000000;
   text-decoration: none;
   font-size: 10pt;
	 padding: 5px;
	 text-align: center;
}

h2.cat {
   font-weight: bold;
   color: black;
   text-decoration: none;
   font-size: 10pt;
   border: 1px solid black;
   margin: 5px 5px 5px 5px;
}


.grades {
   font-weight: normal;
   color: black;
   text-decoration: none;
   font-size: 10pt;
   border: 1px solid black;
}

code {
   font-family: Courier New, Courier, Fixed;
}

pre  {
   font-weight: bold;
   color: black;
   padding-left: 24px;
   text-align: left;
}