dialog {
  position: absolute;
  top: 10vh;
  right: 10vw;
  width: 40vw;
  z-index: 1000;
  background: rgba(0,0,0,.8);
  color: white;
  border-color: lime;
  padding: 1.5em;
  max-height: 60vh;
  overflow: auto;
  box-shadow: 0 0 30px lime;
  border-radius: 45px 0 45px 0;
  scrollbar-width: thin;
  scrollbar-color: rgba(0,255,0,.4) transparent;
  line-height: 1.6em;
  text-shadow: 1px 1px lime;
  outline: 0;
  font-family: Noto Sans, sans-serif;
  inset-inline-start: unset;
  font-size: 1.2em;
}
dialog h1,
dialog h2,
dialog h3,
dialog h4 {
  color: lime;
  margin-top: 1em;
  margin-bottom: .4em;
  font-family: Orbitron, sans-serif;
  letter-spacing: .1em;
}
dialog h1:first-child,
dialog h2:first-child,
dialog h3:first-child,
dialog h4:first-child {
  margin-top: 0;
}
dialog h2 {
  font-size: 1.2em;
  border-bottom: 1px solid;
}
dialog p {
  margin-bottom: .8em;
}
dialog a {
  color: lime;
  text-decoration: none;
}
dialog a:hover {
  text-decoration: underline dotted;
}
dialog section {
  margin-bottom: 2em;
}
dialog .jobs details {
  margin-left: 2em;
}
dialog .jobs details h4 {
  margin-top: 0;
}
dialog .jobs summary {
  font-size: 1.0em;
  font-family: Orbitron, sans-serif;
  letter-spacing: .1em;
  cursor: pointer;
  margin-left: -2em;
}
dialog .jobs ul.technologies li {
  display: inline-block;
  border: 1px solid black;
  border-radius: 5px 0 5px 0;
  background: rgba(0,255,0,.5);
  padding: 0 .2em;
  font-size: .8em;
  line-height: 1.5em;
}
dialog .jobs ul.duties {
  margin-left: 2em;
}
@media (max-width: 1024px) {
  dialog {
    width: calc(90% - 3em);
    left: 5%;
    font-size: 1em;
  }
}
.quicknav {
  position: fixed;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  flex-direction: row;
  z-index: 100;
}
.quicknav a {
  display: block;
  padding: .5em;
  border: 1px solid black;
  background: #090;
  color: black;
  border-radius: .8em;
  margin: .2em;
  width: 1.5em;
  height: 1.5em;
  text-align: center;
  box-shadow: 2px 2px 5px rgba(0,0,0,.4);
  text-decoration: none;
}
.quicknav a.hover {
  background: #0b0;
}
.quicknav a.selected {
  background: #0f0;
}

