body {
	margin: 2rem;
	font-family: sans-serif;
}

p {
	margin: 0;
}

h1 {
	margin-top: 0;
	margin-bottom: 2rem;
	font-weight: 600;
	font-variant: small-caps;
	text-align: center;
}

article {
	margin-bottom: 2rem;
	padding: 1rem;
	display: grid;
	grid-template-columns: 100px auto;
}

.container {
	margin-left: 1rem;
}

.thumbnail {
	height: 100px;
	width: 100px;
	object-fit: scale-down;
}

.title {
	display: block;
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
	font-weight: 600;
}

.family {
	background-color: lightblue;
}

.blog {
	background-color: lightgray;
}

.morris {
	background-color: lightgreen;
}

.norm {
	background-color: lightpink;
}

.sonos {
	background-color: lightgoldenrodyellow;
}

footer {
	font-size: smaller;
	padding: 0.5rem;
}