body h1 {
  position: sticky;
  top: 0;
  background-color: white;
  margin: 0;
  padding: 20px 20px;
  z-index: 1;
}

#mission-container {
  position: relative;
  display: grid;
  gap: 20px;
  grid-template-columns: 3fr 2fr;
  grid-template-rows: auto;
  grid-template-areas: "missionleft missionright" "missionfooter missionfooter";
}
#mission-container #mission-left-col {
  grid-area: missionleft;
  position: relative;
}
#mission-container #mission-left-col .box {
  padding: 0;
  border: 1px solid black;
}
#mission-container #mission-left-col .box h2 {
  position: sticky;
  top: 82px;
  border-bottom: 1px solid black;
  padding: 10px 20px;
  margin: 0;
  background-color: aqua;
}
#mission-container #mission-left-col .box p {
  padding: 0 20px;
}
#mission-container #mission-right-col {
  grid-area: missionright;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 80px 1fr 80px;
  padding: 0 40px;
  border: 1px solid black;
  max-height: 80vh;
  position: sticky;
  top: 86px;
  background-color: white;
}
#mission-container #mission-right-col #messages-window {
  padding: 0 10px;
  border: 1px solid black;
  overflow-y: scroll;
}
#mission-container #mission-right-col #message-edit-area {
  display: grid;
  grid-template-rows: 20px 1fr;
}
#mission-container #mission-footer {
  grid-area: missionfooter;
  padding: 40px;
  border: 1px solid black;
  border-radius: 20px;
}

/*# sourceMappingURL=mission-structure.css.map */