#top-navbar {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;

	height: 100px;

	background-color: red;
	/* background-color: var(--primary-color); */
}

#main-navbar {
	height: 100%;
	padding: 0.5rem 5rem;

	display: flex;
	flex-direction: column;

	gap: 0.25rem;
}

.first-group {
	height: 3rem;

	display: flex;
	justify-content: space-between;
}

.company-logo {
	display: flex;
	align-items: center;
	height: 100%;
	gap: 1rem;
}

.company-logo > img {
	height: 100%;
	
}

.company-logo > h1 {
	font-size: 2rem;
	margin: 0;
	color: var(--lighter-font-color);
}

.searchbar-container {

}

.icon-group {

}

.second-group {
	display: flex;
	align-items: center;
	flex: 1;
}

.nav-list {
	margin: 0;
	padding: 0;
	display: flex;

	gap: 1rem;
}

.nav-list * {
	color: var(--lighter-font-color);
	font-size: 1.2rem;
}