@import url("/static/css/base.css");
@import url("/static/css/navigation.css");

/* Instructor portion */
flexContainer {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-items: center;
}
flexContainer instructor	{
	display: flex;
	flex-flow: row wrap;
	text-align: left;
	align-items: center;
	justify-content: center;
	margin: 1rem;
	min-width: 300px;
	max-width: 800px;
}

instructor column {
	display: flex;
	flex-flow: column wrap;
	margin: 1rem; 
	max-height: 300px;
	max-width: 300px;
}

instructor row {
	display: flex;
	flex-flow: column wrap;
	width: 100%;
}

instructor name {
	font-size: 1.5rem;
	font-weight: bold;
	color: var(--medium);
	width: 100%;
}

instructor function{
	font-size: 1rem;
	font-weight: bold;
	color: var(--mediumlight);
	width: 100%;
}

instructor img {
	max-height: 300px;
	width: 300px;
	object-fit: contain;
	border-radius: 10px;
}