@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,100..700;1,100..700&display=swap');

body {
	margin: 0;
	padding: 16px 0 16px 16px;
	background-color: #333333;
	overflow-y: scroll;
	font-family: 'IBM Plex Sans', sans-serif;
}

html,
body {
	height: 100vh;
	color: #eeeeee;
}

* {
	box-sizing: border-box;
}

.grid-item {
	background-color: #555555;
	border-radius: 8px;
	border: 1px solid #444444;
	color: inherit;
	text-decoration: none;
	overflow: hidden;
	display: block;
	margin-bottom: 16px;
}

.grid-item:hover {
	transform: scale(1.02);
	transition: transform 0.2s;
}

.grid-item img {
	max-width: 100%;
	display: block;
	margin-inline: auto;
}

.grid-item p {
	margin: 0;
	padding: 8px;
	white-space-collapse: discard;
	border-top: 1px solid #444444;
}