.grid-container {
	display: grid;
	grid-template-columns: 2fr 3fr;
	grid-template-rows: auto auto auto;
	background-color: black;
	padding: 3px;
	width: 80vw;
	margin-left: auto;
	margin-right: auto;
	min-width: 800px;
	align-items: start;
}

.titles {
	grid-row: 1;
	grid-column: 1 / span 2;
	display: grid;
	grid-template-columns: 2fr 3fr;
}

.profile {
	background-color: #9D2235;
	grid-column: 1;
	grid-row: 2;

	font-size: 16px;
	text-align: justify;
	color: white;

	padding: 25px;
	padding-top: 10px;
	margin-bottom: 0;
	padding-bottom: 0;
}

.projects {
	background-color: white;
	grid-column: 2;
	grid-row: 2;
	/* padding: 5px; */
	overflow-y: auto;
}

.courses {
	grid-column: 1 / span 2;
	grid-row: 3;
	margin-top: 5px;
}

.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;
}

.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,
.projects-name {
	font-size: 36px;
	font-family: "DM Serif Text", serif;
	font-weight: 400;
	font-style: normal;
	text-align: center;
	position: relative;
	padding: 10px;
}

.profile-name {
	color: white;
	background-color: #9D2235;
}

.profile-name::after {
	content: "";
	display: block;
	width: 90%;
	height: 5px;
	margin: 0 auto 0 auto;
	background: white;
	border-radius: 8px 8px 8px 8px;
}

.projects-name {
	color: black;
	background-color: white;
}

.projects-name::after {
	content: "";
	display: block;
	width: 95%;
	height: 5px;
	margin: 0 auto 0 auto;
	background: black;
	border-radius: 8px 8px 8px 8px;
}

.headshot {
	padding-bottom: 15px;
	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;
	border-collapse: collapse;
}

td {
	vertical-align: top;
}

a {
	color: white;
}

a:visited {
	color: #DDDCC5;
}

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