/* Header style rules */
header
{
	display: grid;
	grid-template-columns: 1fr auto;
	grid-column-gap: 20px;
	margin-top: 20px;
	margin-bottom: 20px;
}

h1
{
	margin: 0px;
}

.github-stats
{
	width: 200px;
	height: 110px;
}

@media only screen and (max-width: 600px)
{
	.github-stats
	{
		grid-row: 2;
	}
}

/* Content styles */
article
{
	display: grid;
	grid-row-gap: 10px;
	margin: 0px 10px;
}

.project-item
{
	display: grid;
	padding: 20px;
	grid-row-gap: 20px;
	background-color: whitesmoke;
}

.badge-placeholder
{
	display: grid;
	grid-column-gap: 10px;
	grid-auto-columns: max-content;
	grid-auto-flow: column;
}

	.badge-placeholder div
	{
		height: 25px;
		width: 25px;
		display: inline-block;
		background-size: contain;
	}