.header {
  position: fixed;
  top: -90px;
  height: 90px;
  width: 100cqw;
  margin: 0 auto;
  z-index: 2;
  display: grid;
  align-items: center;
  justify-content: center;
  background-color: var(--color-A);
  filter: drop-shadow(black 0px 2px 10px);
  opacity: 1;
  transition: transform 0.5s;
}

#logo-header {
  filter: drop-shadow(white 0px 10px 20px);
}

body.scrolled-past-target .header {
  opacity: 1;
  z-index: 2;
  transition: transform 0.5s;
  transform: translateY(90px);
}