:root {
	
	--color-brand-pf: rgb(62, 89, 149);
	--color-brand-pf-hover: var(--color-brand-pf);
	
	--color-brand: rgb(254, 68, 0);
	--color-brand-hover: var(--color-brand);
	
}

@font-face {
	
	font-family: 'pt-sans';
	font-weight: normal;
	font-style: normal;
	src: url('/_/pt/pt-sans-400-normal.ttf') format('truetype');
	
}

@font-face {
	
	font-family: 'pt-sans'; 
	font-weight: bold;
	font-style: normal;
	src: url('/_/pt/pt-sans-700-normal.ttf') format('truetype');
	
}

@font-face {
	
	font-family: 'pt-sans';
	font-weight: normal;
	font-style: italic;
	src: url('/_/pt/pt-sans-400-italic.ttf') format('truetype');
	
}

@font-face {
	
	font-family: 'pt-sans'; 
	font-weight: bold;
	font-style: italic;
	src: url('/_/pt/pt-sans-700-italic.ttf') format('truetype');
	
}

@font-face {
	
	font-family: 'pt-mono'; 
	src: url('/_/pt/pt-mono-400-normal.ttf') format('truetype');
	
}

::-webkit-scrollbar {
	
	width: 12px;
	
}

::-webkit-scrollbar-track {
	
	background: #333;

}

::-webkit-scrollbar-thumb {
	
	background: #555;

}

* {
	
	margin: 0px;
	padding: 0px;
	
}
 
body {
	
	font: -apple-system-body;
	font-family: pt-sans, 'Avenir Next', -apple-system, sans-serif;
	
	font-size: 1rem;
	color: #363636;
	line-height: 1.5rem;
	
	margin-bottom: 3rem;
	
}

main {
	
	padding-top: 1rem;
	
}

.container {
	
	margin: 0 auto;
	padding: 0 1rem;
	
}

.container.narrow {
	
	max-width: 640px;
	
}

.container.medium {
	
	max-width: 960px;
	
}

.header {
	
	padding: 1rem 0;
	
}

.footer {
	
	margin-top: 6rem;
	margin-bottom: 9rem;
	text-align: center;
	
}

h1, h2, h3, h4, h5, h6 {
	
	font-size: 1rem;
	font: -apple-system-body;
	font-family: pt-sans, -apple-system, sans-serif;
	
	max-width: 640px;
	margin: 1rem 0;
	
	font-weight: bold;
	
}

p, ul {
	
	margin: 1rem 0;
	
}

pre {
	
	margin: 1.2rem auto;
	overflow-x: auto;
	padding: 5px 0px;
	max-width: 640px;
	
}
 
a:link, a:visited {
	
	color: inherit;
	text-underline-offset: 3px;
	
}

a:hover {
	
	color: var(--color-brand-hover);
	
}

code {
	
	font-family: pt-mono;
	color: grey;
	font-size: 13px;
	
}

li {
	
	margin: 0px 20px;
	
}

h1::before { content: '# '; }
h2::before { content: '## '; }
h3::before { content: '### '; }
h4::before { content: '#### '; }
h5::before { content: '##### '; }
h6::before { content: '###### '; }

table {
	
	border-collapse: collapse;
	margin: 1rem 0px;
	
}

tr.new-section {
	
	border-top: 1px solid #222;
	
}

td, th {
	
	padding: 5px 10px;
	border: 1px solid #909090;
	border: none;
	
}

.current {
	
	color: grey;
	
}

menu {
		
	border-top: 3px solid var(--color-brand);
	border-bottom: 3px solid var(--color-brand);
		
}

menu p, menu a {
	
	color: white;
	color: #e8e6e3;
	
}

menu a.active {
	
	//text-decoration: none;
	color: var(--color-brand);
	
}

hr {
	
	height: 1px;
	border: 0px;
	background: #222;
	margin: 10px auto;
	
}

li {
	
	list-style: none;
	margin: 2px 0px;
	
}

li:before {
	
	content: '\203A\20\20';
	
}

table {
	
	min-width: 100%;
	
}

.row-title {
	
	text-align: left;
	
}

.branded {
	
	color: var(--color-brand);
	
}