body
{
	font-family:prompt;
}

.content
{
	width:80%;
	margin-top:7%;
	border:1px solid black;
}

#article
{
	padding:10%;
}

h1
{
	font-size:3rem;
}

#article-banner
{
	width:100%;
	margin-bottom:3rem;
}

h3
{
	font-size:1.2rem;
	padding-top:2.4rem;
	padding-bottom:1rem;
}

p
{
	font-size:1.2rem;
	text-align:justify;
	text-indent:4rem;
	padding-bottom:1rem;
	line-height:2;
}

#article-nav
{
	display:flex; 
	flex-direction:row; 
	justify-content:space-between; 
	margin-top:2rem;
}

#article-nav a
{
	color:orange; 
	text-decoration:underline;
}

#article-nav a:hover
{
	color:red;
}

#next
{
	text-align:right;
}

@media screen and (max-width: 1024px) {
	
	.content
	{
		width:100%;
		border:none;
		border-top:1px solid black;
		border-bottom:1px solid black;
	}

	p
	{
		text-indent:0rem;
	}
	
}