/* menu.css - Dedicated styles for hamburger menu and navigation menu */
nav.main-nav a:hover {
	text-decoration: underline;
}

.nav-bar {
	margin: 0 auto 1rem;
	padding: 0.6rem;
	/* background:
		linear-gradient(180deg, rgba(19, 31, 47, 0.96) 0%, rgba(11, 19, 30, 0.96) 100%),
		radial-gradient(circle at top right, rgba(127, 173, 226, 0.18), transparent 38%);  */
	border-bottom: 1px solid #31465f;
	border-top: 1px solid #31465f;
	box-shadow: 0 10px 28px rgba(0, 0, 0, 0.22);
	z-index: 99;
}

nav.main-nav {
	width: 100%;
	display: flex;
	justify-content: center;
	font-weight: 700;
}

nav.main-nav ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 0.5rem;
	list-style: none;
	margin: 0;
	padding: 0;
}

nav.main-nav a {
	text-decoration: none; 
	font-weight: 600;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	font-size: 0.78rem;
	color: #d8e5f4;
	padding: 0.7rem 1rem;
	display: block;
	transition: color 0.2s, background 0.2s, border-color 0.2s, transform 0.2s;
}

nav.main-nav a:hover,
nav.main-nav a:focus-visible {
	text-decoration: underline;
	color: #f8fbff;
	transform: translateY(-1px);
}