
/* Flexbox which contains project photo, description, and info/links. */
.project-box {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 32px;
	margin: 0 32px 0 32px;
}
.project-img {
  padding: 4px 32px 4px 32px;
  width: min(65vw, 300px);
}
.scaled-project-img {
  padding: 4px 0;
  width: min(90vw, 438px); 
}
.horz-project-box {
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
	align-items: center;
	gap: 32px;
	margin: 0 32px 0 32px;
}
.horz-project-img {
  width: min(90vw, 1000px);
}
/* Container to the right of project image which contains description and info/links. */
.project-info-box {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: flex-start;
}
/* Grid containing specific info about the project. */
.project-info-subgrid {
	width: 100%;
	display: inline-grid;
	grid: "tl tr" auto "md md" auto "bt bt" auto / auto auto;
	place-content: space-evenly / stretch;
	place-items: start / center;
  gap: 8px;
}
.project-info-cell {
	margin: 4px 16px 4px 16px;
}
.project-icon {
  text-decoration: none;
}
