html{
	font-family: IBM Plex Mono;
}

@media (min-width: 992px) {
	.three-columns {
		column-count: 3;
		column-gap: 20px;
		text-align: left !important;
	}
	
	.three-columns li {
		break-inside: avoid;
		padding: 5px 0;
	}   
}

.image-container {
	display: flex;
	justify-content: center;
	align-items: center;
}

.projects img {
	max-height: 60vh;
}