.history {
	display: grid;
	grid-gap: 0.25rem;

	& > div {
		border: 1px solid #000;
		text-align: center;
		font-size: 0.6rem;
		padding: 0.5rem;
		display: flex;
		gap: 0.5rem;
		flex-direction: column;
		align-items: center;

		.txt-bold {
			font-size: 0.75rem;
		}

		.code {
			font-family: Adwaita Mono, monospace;
		}

		& > span > span {
			display: block;
			margin-block: 0.25rem;
		}
	}

	img {
		border: none;
		height: 5rem;
	}
}

.rounded img {
	border-radius: 5px;
}

@media (min-width: 800px) {
	.history {
		grid-template-columns: repeat(4, 1fr);
	}
}