.articleContainer {
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin: 8rem auto 4rem auto;
	max-width: 40rem;
}

@media (max-width: 720px) {
	.articleContainer {
	max-width: 85vw;
	}
}

.articleTitle {
	font-family: Geist;
	font-weight: 500;
	font-size: 2rem;
	margin: 0;
}

.articleDate {
	font-family: Geist;
	color: rgba(0, 0, 0, 0.5);
	font-size: 1rem;
}

.articleDivider {
	height: 0.15rem;
	margin: 2rem 0;
	background: var(--accentGradient);
}

.articlePrincipalImage {
	width: 100%;
	height: 24rem;
	object-fit: cover;
	margin-bottom: 2rem;
}

.inArticleImage {
	width: 100%;
	object-fit: cover;
	margin: 2rem 0;
}

p {
	font-family: Geist;
}

header {
	background: var(--fakeWhite);
}