.navbar {
	position: sticky;
	top: 0;
	width: 100%;
	justify-content: space-between;
	padding: var(--para-size) var(--p-side);
  font-family: var(--heading-font);
  text-transform: capitalize;
  line-height: 1.2;
  z-index: 2;
}

.logo a {
  font-size: var(--sub-heading-size);
	color: var(--white);
}

.nav-links {
	display: flex;
	align-items: center;
	column-gap: var(--p);
}

.nav-link a {
  position: relative;
  font-size: var(--nav-size);
	color: var(--white);
}

.nav-link a::after {
	position: absolute;
	content: "";
	left: 0;
	height: 100%;
	width: 0;
	border-bottom: 2px solid var(--green);
	transition: width 0.2s linear;
}

.nav-link a:hover::after {
	width: 100%;
}

.burger-menu-icon {
  /* display: none; */
  font-size: var(--icon-size);
  color: var(--white);
	cursor: pointer;
}