/* HEADER */
header {
	display: flex;
	align-items: center;
	
	border-bottom: 0.2rem solid var(--complementary);
	
	padding-left: 1rem;
	padding-right: 1rem;
	
	margin-bottom: 0.5rem;
	gap: 5rem;
}

/* Logo */
header > img { 
	width: 10rem;
	margin: 0.5rem;
}

header > h2 {
	margin: 0;
	
	color: var(--secondary);
	font-size: xx-large;
}

header > nav {
	margin-left: auto;
}

/* NAV */
nav {
	display: flex;
	gap: 2rem;
	flex-wrap: wrap;
	max-width: 100%;
}

nav > a {
	font-size: 1.5rem;
	text-decoration: none;
	font-weight: bold;
	color: var(--primary);
}

nav > a:hover {
	color: var(--complementary);
	transform: scale(1.05); /* Make the text bigger */
}