body {
	font-family: 'Poppins', sans-serif;
	color: #555;
	background-color: #fafafa;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
span,
div {
	color: #555;
}

header {
	background-color: #fff;
	padding: 15px 0;
	border: 1px solid #e0e0e0;
}

header nav a {
	text-decoration: none;
	color: #888;
	margin-right: 15px;
}

footer {
	background-color: #fff;
	padding: 10px 0;
	text-align: center;
	color: #888;
	margin-top: auto;
	border: 1px solid #e0e0e0;
}

.container {
	max-width: 900px;
}

.card {
	background-color: #ffffff;
	border: 1px solid #e0e0e0;
}

.track-result {
	background-color: #fafafa;
	border-radius: 8px;
	padding: 15px;
	margin-top: 20px;
}

.btn-primary {
	background-color: #2980b9;
	border-color: #2980b9;
}

.btn-primary:hover {
	background-color: #3498db;
	border-color: #3498db;
}

.icon-button {
	cursor: pointer;
	color: #888;
	margin-left: 10px;
}

#loading {
	display: none;
	margin: 20px 0;
	text-align: center;
}

#loading img {
	width: auto;
}

.btn-details {
	background-color: #27ae60;
	border-color: #27ae60;
	color: white;
	font-size: 14px;
	padding: 5px 10px;
	margin-right: 10px;
}

.btn-details:hover {
	background-color: #2ecc71;
	border-color: #2ecc71;
}

.btn-details i {
	font-size: 16px;
	color: white;
}

#dadosRastreamento {
	font-size: 13px;
}

.copyright-text,
#year {
	font-size: 13px;
	color: #888;
}

.mt-3 {
	margin-top: 1rem;
	display: flex;
	justify-content: center;
	align-items: center;
}