:root {
	--color-primary: #F5A623;
	--color-tertiary: #9B59B6;
	--color-light: white;
	--color-dark: #BBBBBB;
	--color-bg: #202020;
	--color-bg-dark: #101010;
}

body {
	font-family: 'Ubuntu Mono', monospace; 
	margin: 0;
	background-color: var(--color-bg);
	color: var(--color-light);
}

#page-container {
	/* padding: 20px; */
	display: flex;
	flex-direction: column;  /* stack children vertically */
	align-items: center;     /* center children horizontally */
}

#page-column {
	margin: 20px;
	min-width: 320px;
	max-width: 1024px;
}

header {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}


header > * {
	margin: 5px;
}

header #details-vr {
	border-left: 3px solid var(--color-primary);
	height: 128px;
}

header img#headshot {
	height: 128px;
	border-radius: 100%;
	border-style: solid;
	border-color: var(--color-primary);
}

header #details-container #name {
	color: var(--color-primary);
	margin-top: 0px;
	margin-bottom: 5px;
}

section#section-work {
	display: flex;
	flex-direction: column;
}

section#section-open-source {
	display: flex;
	flex-direction: column;
}

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

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

a:hover {
	filter: brightness(85%);
}

section .section-title {
	margin-bottom: 0;
}

.section-bullet {
	color: var(--color-primary);
}

.work-details > h3.company {
	margin-bottom: 5px;
}

.project-details > h3.project {
	margin-bottom: 5px;
}

.position {
	color: var(--color-dark);
	size: 0.8em;
	margin-top: 2px;
	margin-bottom: 2px;
}

ul#links {
	padding: 0;
	display: flex;
	justify-content: flex-start;
}

ul#links li {
	list-style: none;
	padding-right: 20px;
}