svg {
	/* from github */
	font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial,
		sans-serif, Apple Color Emoji, Segoe UI Emoji;
	font-size: 14px;
	color: #777777;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	text-align: center;
}

.items-wrapper {
	display: grid;
	grid-template-columns: repeat(5, 1fr);

	column-gap: 10px;
	row-gap: 15px;
}

.badge {
	display: flex;
	flex-direction: column;

	justify-content: center;
	align-items: center;
	text-align: center;

	gap: 5px;
}

.badge-box {
	display: flex;

	justify-content: center;
	align-items: center;

	border-radius: 7px;

	width: 70px;
	height: 70px;
}

.icon-container > svg {
	height: 40px !important;
}

.white {
	color: white;
	fill: white;
}

.black {
	color: black;
	fill: black;
}