html {
  background: #211212;
  background-image: url(sh2imgs/help.gif);
  background-repeat: no-repeat;
  background-size: cover;
}

.container {
  display: grid;
  grid-template-columns: 0.8fr 1.2fr 1.2fr 0.8fr;
  grid-template-rows: 0.5fr 0.2fr 3.2fr 0.1fr;
  gap: 0px 0px;
  grid-auto-flow: row;
  grid-template-areas:
    "header header header header"
    ". nav nav ."
    ". main main ."
    ". . . .";
}

.header {
  grid-area: header;
}
.headerimage {
  width: 100%;
  height: auto;
}

.nav {
  grid-area: nav;
  
}

.main {
  grid-area: main;
  background-color: #fff;
}