body {
	font-family: Montserrat, sans-serif;
}

.page-container {
	position: relative;
	min-height: 100vh;
}

.nonfooter-container {
	padding-bottom: 4rem;
}

.footer {
	text-align: center;
	height: 4rem;
	width: 100vw;
	display: flex;
	flex-direction: column;
	justify-content: center;
	position: absolute;
	bottom: 0;
}

iframe {
	margin: 15px 0px;
}

/* adapted from https://medium.com/@rohit_dalal/full-screen-responsive-landing-page-with-html-css-jquery-e4e59c340236 */
.splash {
	text-align: center;
	height: 100vh;
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin-bottom: 30px;
}

.downarrow {
	text-align: center;
	position: absolute;
	top: 90%;
	left: 50%;
	/* center from the center of the arrow */
	transform: translate(-50%, -50%);
	padding: 20px;
}

.content {
	font-size: 15px;
    line-height: 1.8;
    padding-top: 15px !important;
    margin: 0px 15vw;
}

.project {
	margin: auto;
	padding: 10px;

	display: flex;
	flex-direction: column;
	font-size: 15px;
}

.project-link {
	display: block;
	height: 100%;
	color: inherit;
	text-decoration: inherit;
}

.img-wrapper {
	position: relative;
}

.overlay {
	text-align: center;
	position: absolute;
	top: 50%;
	left: 50%;
	/* center from the center of the text */
	transform: translate(-50%, -50%);
}

pre {
	margin-bottom:0;
}