body {
	font-family: 'Trebuchet MS', sans-serif;
}

#customers {
	font-family: Arial, Helvetica, sans-serif;
	border-collapse: collapse;
	width: 100%;
	height: 100px;
}

#customers td,
#customers th {
	border: 1px solid #ddd;
	padding: 15px;

}

#customers tr:nth-child(even) {
	background-color: #f2f2f2;
}

#customers tr:hover {
	background-color: #ddd;
}

#customers th {
	padding-top: 12px;
	padding-bottom: 12px;
	background-color: #eed458;
	color: black;
	text-align: center;
	font-size: 150%;
}

td {
	text-align: center;
	font-size: 150%;

}

td:hover {
	background-color: rgb(255, 218, 5);
	color: #000000;
}

a {
	text-decoration: none;
	background-color: #eed458;
	color: black;
	padding: .3125rem .625rem;
	font-size: 1.25rem;
	display: inline-block;
}

.title {
	padding: .3125rem .625rem;
	text-align: center;
	color: white;
	background: rgb(106, 0, 0);
	background: linear-gradient(90deg, rgb(0 0 0) 50%, rgb(0 0 0) 100%);
}

@media (max-width: 575.98px) {
	h1 {
		font-size: 1.25rem;
		flex-direction: column;
		gap: 8px !important;
	}
	h1 img {
		height: 48px;
	}

	p {
		font-size: .625rem;
	}

	a {
		font-size: .625rem;
		padding: .125rem .25rem;
	}

	#customers td,
	#customers th {
		padding: .25rem .375rem;
	}

	#customers th {
		font-size: .6875rem;
	}

	#customers td {
		font-size: .6875rem;
	}
}