.navbar {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 7rem;
	background: linear-gradient(rgba(0, 0, 0, 0.7), transparent);
	z-index: 1000;
}

.navbar .container {
	justify-content: space-between;
}

.logo {
	height: 100%;
}

.logo img {
	width: 11rem;
	height: 100%;
	object-fit: cover;
	position: relative;
	left: -2.4rem;
}

.navbar ul li {
	margin-left: 3rem;
}

.navbar a:hover {
	color: var(--light-gray-color);
	opacity: 0.9;
}

.navbar a.current-link {
	color: var(--primary-color);
}

.navbar.active {
	background-color: rgba(0, 0, 0, 0.4);
	transition: all 0.6s ease-in-out;
	z-index: 1000;
}