body {
  background-image: url('/LPTile.png');
  color: white;
  font-family: Verdana;
}

.container {
  <style>
        font-size: 12px;
        max-width: 900px;
        margin: 0 auto;
        display: grid;
        grid-gap: 10px;
        grid-template-columns: 150px minmax(0, 1fr);
}

nav, main {
  border: white 2px solid;
}

header {
  grid-area: 1 / 1 / 2 / 3;
}

nav {
  grid-area: 2 / 1 / 3 / 2;
  height: max-content;
  background-color: dimgray;
  border: 5px outset darkgray;
  border-radius: 15px;
  padding: 15px;
  margin: 15px 10px;
}

main {
  grid-area: 2 / 2 / 3 / 3;
  height: max-content;
  background-color: dimgray;
  border: 5px outset darkgray;
  border-radius: 15px;
  padding: 5px;
  margin: 15px 10px;
}

footer {
  grid-area: 3 / 1 / 4 / 3;
}

hr {
  border: none;
  border-top: 2px solid #a9a9a9;
  background-color: #a9a9a9;
  overflow: visible;
  text-align: center;
}