.navbarnew {
  @import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap");
  position: fixed;
  width: 100%;
  height: var(--nav-height);
  top: 0;
  left: 0;
  transition: 0.6s;
  z-index: 3;
  font-size: 1.2em;
  display: flex;
  align-items: center;
  justify-content: space-around;
  /* STYLE HYPERLINK */
  /* unvisited link */
  /* visited link */
  /* mouse over link */
  /* selected link */
}
.navbarnew a:link {
  color: var(--bright);
  text-decoration: none !important;
  cursor: pointer;
}
.navbarnew a:visited {
  color: var(--bright);
}
.navbarnew a:hover {
  color: var(--bright);
}
.navbarnew a:active {
  color: var(--bright);
}

.inner_nav {
  display: flex;
  place-content: space-evenly;
  justify-content: center;
  flex-basis: 100%;
  flex-wrap: wrap;
  color: var(--bright);
}

.main_nav_element {
  width: 33vw;
  height: var(--nav-height);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.main_nav_element span {
  font-weight: bold;
}
.main_nav_element:hover {
  font-weight: bolder;
}
.main_nav_element:hover .navarrow {
  transform: rotate(225deg) translate(1px, -1.5px);
  border-width: 0 3px 3px 0;
}

.navarrow {
  border: solid var(--bright);
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 3px;
  margin-left: 10px;
  transition: all 0.25s ease;
  transform: rotate(45deg) translate(-2px);
}

.navbarlongfade {
  background-color: rgba(36, 36, 36, var(--SCROLLANIMATION_longfadein));
}

.navbarquickfade {
  background-color: rgba(36, 36, 36, var(--SCROLLANIMATION_quickfadein));
}

.navbarnotrans {
  background-color: #242424;
}

.nav--hidden {
  transform: translateY(calc(-1 * var(--nav-height)));
}/*# sourceMappingURL=navbar.css.map */