nav {
  justify-content:start;
  top:0;
  width:100%;
  min-height:0;
  text-align:left;
  padding:0;
}
nav#absolute {
  position:absolute;
  color:white;
  background:none;
  z-index:4;
}
nav#fixed {
  position:fixed;
  color:white;
  z-index:1;
  background:var(--dark);
}
nav+div+nav#fixed {
  z-index:5;
}
nav#fixed>* {
  --stroke:white;
}
nav>a {
  display:inline-block;
  vertical-align:middle;
  height:3.2em;
  line-height:3.2em;
  padding-left:1.6em;
  padding-right:1.6em;
  text-decoration:none;
  cursor:pointer;
}
nav>a.hide,
nav>a.nest,
nav>a:nth-of-type(1) {
  display:none;
}
nav svg {
  height:100%;
  display:block;
}
nav#absolute+div:not(#home){
  padding-top:100px;
}

@media only screen and (max-width:1040px) {
  nav>a {
    display:none;
    font-size:120%;
  }
  nav>a:nth-of-type(1) {
    display:block;
    text-align:right;
  }
  nav>a:nth-of-type(2) {
    position:absolute;
    top:0;
    left:0;
    display:block;
  }
}

@media print {
  .menu {
    display:none;
  }
}

@document url("https://web.site/") {
  nav#absolute { color:black; }
}