body {
	background-color: #1F2430;
	font-family: "JetBrains Mono";
	color: #CCCAC2;
}

h1 {
	color: #F28779;
}

h2 {
	color: #FFAD66;
}

#pdf {
	width: 600;
	float: none;
	margin-left: auto;
	margin-right: auto;
	display: block;
}

#pdf_container {
	height: 90%;
}


status-line {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}

button {
	font-family: "JetBrains Mono";
	background-color: #12151CB3;
	border: none;
	color: #CCCAC2;
	padding: 5px;
	position: absolute;
	top: 0;
	right: 0;
	margin-right: 10px;
}

.vim_buffer {
	background-color: #69758C1F;
	position: relative;
	padding: 10px;
	counter-reset: line_counter;
}

.line_number {
	display: block;
	position: relative;
	margin-left: 1.25em;
}

.line_number::before {
	color: #B8CFE680;
	content: counter(line_counter) "	";
	counter-increment: line_counter;
	position: absolute;
	left: -1em;
	font-size: 1em;
}

.cursor_line {
	background-color: #12151CB3;
}

.cursor_active {
	background-color: #CCCAC2;
}


.link {
	color: #5CCFE6;
}

.link:visited {
	color: #DFBFFF;
}

.nav_link {
	padding: 2px;
}

.nav_link_active {
	background-color: #69758C1F;
	color: #CCCAC2;
}

.nav_link_active:visited {
	color: #CCCAC2;
}

.nav_link::after {
	content: ".html";
}

img {
	float: right;
	border: solid;
}

#landing_container {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	grid-template-rows: repeat(2, 1fr);
	height: 98%;
	row-gap: 10px;
	column-gap: 10px;
}

#introduction {
	/* grid-column-start: 1; */
	/* grid-column-end: 6; */
	grid-column: 1 / 6;
	grid-row: 1 / 2;
}

#bio {
	grid-column-start: 1;
	grid-column-end: 4;
}

#links {
	grid-column-start: 4;
	grid-column-end: 6;
}

#introduction > *:not(status-line) {
	font-size: 4em;
}

#bio > *:not(status-line) {
	font-size: 1.25em;
}

#links > *:not(status-line) {
	font-size: 2em;
}

#technical_container {
	display: grid;
	grid-auto-flow: column;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: repeat(4, 1fr);
	row-gap: 10px;
	column-gap: 10px;
	height: 98%;
}

#game_1 {
	grid-row-start: 1;
	grid-row-end: 3;
}

#game_1 > *:not(status-line) {
	font-size: 1.75em;
}

#qualifications_container {
	display: grid;
	width: 100%;
	grid-template-columns: repeat(3, 1fr);
	column-gap: 10px;
	row-gap: 10px;
}

#service_container {
	display: grid;
	grid-template-rows: repeat(2, 1fr);
	grid-template-columns: repeat(2, 1fr);
	height: 98%;
	column-gap: 10px;
}

#ngms {
	grid-column-start: 1;
	grid-column-end: 3;
}

#ngms > *:not(status-line) {
	font-size: 1.5em;
}

#chb > *:not(status-line), 
#icode > *:not(status-line) {
	font-size: 1.15em;
}

#ai_container {
	display: grid;
	row-gap: 10px;
}