*,
body {
	font-weight: normal;
	padding-left: 2pt;
	padding-top: 2pt;
	font-family: 'Courier New', Courier, monospace;
}

h1, h2 {
	font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}

ul {
	list-style: none;
	padding: 0px;
}

.container {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
	gap: 8pt;
}

.item {
	padding: 6pt;
}

.name {
	font-weight: bold;
}

.description {
	font-style: italic;
}

.image-container {
	overflow: hidden;
	width: 300px;
	height: 200px;
}

.image-container:hover {
	transform: scale(1.2)
}

.image {
	width: 300%;
	height: 100%;
	object-fit: cover;
}

.copy {
	margin-left: 8px;
	margin-bottom: 8px;
	background-color: #f0f0f0;
	border-radius: 1px;
	border-width: 0px;
	transition-duration: 0.3s;
}

.copy:hover {
	background-color: #d0d0d0;
}