header {
  background: var(--headerB);
  backdrop-filter: blur(1vh);
  color: var(--textC);

  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1;
  padding: 1vh 0 1vh 0;
}

header p {
  font-size: 2.5vh;
  margin: 0 1.5vh 0 1.5vh;
  font-weight: 100;
  float: left;

  transition: all 0.5s;
}

header p::after {
  content: "";
  width: 0;
  height: 0.25vh;
  margin-left: 50%;
  display: block;
  background: var(--accentC);
  transition: 0.5s;
  left: 50%;
  transform: translate(-50%, 0);
}

header p:hover {
  transform: translateY(-0.35rem);
  color: var(--accentC);
}

header p:hover::after {
  width: 50%;
}

header .jumps {
  float: left;
  padding-top: 2.25vh;
}

header img {
  float: right;
  height: 7.5vh;
  margin-right: 1.5vh;
  filter: invert(1);
}