header {
	text-align: center;
	margin-bottom: 20px;
}

header h1 {
	font-size: 2.5rem;
	margin-bottom: 10px;
}

#new-tracker {
	margin-bottom: 10px;
}

#tracker-name {
	padding: 6px 12px;
	font-size: 16px;
	line-height: 1.5;
	color: var(--secondary-color);
	background-color: #fff;
	border: 1px solid #ced4da;
	border-radius: 4px;
}

/* Button styling */
#new-tracker-btn {
	background-color: var(--primary-color);
	color: #fff;
	border: none;
	padding: 10px 20px;
	font-size: 1rem;
	border-radius: 5px;
	cursor: pointer;
	transition: background-color 0.3s ease;
}

#new-tracker-btn:hover {
	background-color: var(--primary-hover);
}

footer {
	color: var(--primary-color);
	text-align: center;
	padding: 1rem;
	font-size: 2vh;
}

#footer-link {
	text-decoration: none;
	color: var(--primary-color);
	transition: color 0.3s ease;
	cursor: pointer;
}
#footer-link:hover {
	color: var(--primary-hover);
}