.round_icon
{
	border-radius: 192px;
}

.square_icon
{
	border-radius: 16px;
}

.title_link
{
	color: inherit;
	text-decoration: none;
}

.project_title
{
	display:flex;
	justify-content: space-around;
}

.centered
{
	text-align: center;
}

.inline
{
	display: inline-block;
}

.article_image
{
	text-align: center;
	max-width: 80%;
}

.article_chunk
{
	max-width: 100%;
	margin: auto;
}

.main_header
{
	background-color: #2c2d2e;
	color: #3dc525;
	text-align: center;
	padding: 15px 0px 0px 0px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
	font-size: 1.15em;
	width: 90%;
}

.content
{
	background-color: #3c3c3d;
	color: #41c23d;
	margin-left: auto;
	margin-right: auto;
	display: block;
	max-width: 90%;
	padding: 10px 15px 10px 15px;
	margin-top: 2em;
	border-radius: 32px;
	font-size: 1.2em;
}

.article_summary
{
	background-color: #3c3c3d;
	color: #41c23d;
	margin-left: auto;
	margin-right: auto;
	display: block;
	max-width: 90%;
	padding: 10px 15px 10px 15px;
	margin-top: 2em;
	border-radius: 32px;
	font-size: 1.2em;
}

/* desktop sizes */
@media only screen and (min-width: 768px) {
	.main_header
	{
		background-color: #2c2d2e;
		color: #3dc525;
		text-align: center;
		padding: 15px 0px 0px 0px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 5px;
		font-size: 1.15em;
		width: 75%;
	}

	.content
	{
		background-color: #3c3c3d;
		color: #41c23d;
		margin-left: auto;
		margin-right: auto;
		display: block;
		max-width: 75%;
		padding: 10px 15px 10px 15px;
		margin-top: 2em;
		border-radius: 32px;
		font-size: 1.2em;
	}

	.article_summary
	{
		background-color: #3c3c3d;
		color: #41c23d;
		margin-left: auto;
		margin-right: auto;
		display: block;
		max-width: 60%;
		padding: 10px 15px 10px 15px;
		margin-top: 2em;
		border-radius: 32px;
		font-size: 1.2em;
	}

	.article_chunk
	{
		max-width: 80%;
		margin: auto;
	}
}

/*navbar*/
.navbar
{
	background-color: #272829;
	text-align: center;
	padding: 10px;
	border: solid 2px black;
}
a.navbar_element
{
	text-decoration: none;
	color: #3dc525;
	padding: 4px;
	background-color: #141414;
}
a.navbar_element:hover
{
	background-color: #3dc525;
	color: #141414;
}

/*custom links*/
a.custom_link:visited
{
	color: #f9fd10;
}
a.custom_link:link
{
	color: #f9fd10;
}

/*intended for text site content*/
body
{
	background-color: #252e35;
	width: 99%;
	height: 100%;
}