.grid-container {
	display: grid;
	grid-template-columns: 4fr 6fr;
	background-color: black;
	padding: 3px;
	width: 80vw;
	margin-left: auto;
	margin-right: auto;
	min-width: 800px;
}

.profile {
	background-color: #9D2235;
	grid-row: span 3;
}

.projects {
	background-color: white;
	grid-row: span 3;
	padding: 5px;
}

.courses {
	grid-column: span 2;
}

.project {
	background-color: #424242;
	padding: 5px;
	margin: 10px;
	border-radius: 10px;
}

.title-medium {
	font-size: 28px;
	font-family: "DM Serif Text", serif;
	font-weight: 400;
	font-style: normal;
	color: white;

	margin: 5px;
}

.title-large {
	font-size: 36px;
	font-family: "DM Serif Text", serif;
	font-weight: 400;
	font-style: normal;
	color: black;

	margin: 10px;

	border-bottom: 3px solid black;
}

.subtitle {
	font-size: 20px;
	font-family: Arial, Helvetica, sans-serif;
	color: white;

	margin: 5px;
}

.project-content {
	font-size: 16px;
	text-align: justify;
	color: white;

	margin: 5px;
}

.profile-name {
	font-size: 28px;
	font-family: "DM Serif Text", serif;
	font-weight: 400;
	font-style: normal;
	color: white;

	padding: 10px;
	margin-left: 30px;
	margin-right: 30px;

	border-bottom: 3px solid white;
}
.profile-content {
	font-size: 16px;
	text-align: justify;
	color: white;

	padding: 10px;
	margin-left: 30px;
	margin-right: 30px;
}

.headshot {
	padding-bottom: 10px;
	width: 25vw;
	margin: auto;
	height: auto;
	display: block;
}

p {
	margin: 10px;
}

table, td{
	font-size: 16px;
	color: white;

	padding: 10px;
	width: 100%;

	border: 1px solid white;
	width: 100%;
}

table {
	table-layout: fixed;
}

td {
	vertical-align: top;
}

a {
	color: white;
}

a:visited {
	color: #DDDCC5;
}

a:hover {
	color: #68C1BE;
	transition-duration: 0.4s;
}