body {
  color: white;
  background-image: url(space_background.jpg);
  font-family: Verdana;
  text-align: center;
}

/* table {
  display: flex;
  margin: auto;
  flex-direction: column;
} */

.container {
  height: max-content;
  display: grid;
  grid-template-columns: auto 65%;
  grid-template-rows: calc(42.5% - 20px) calc(42.5% - 20px) 15%;
  flex-grow: 1;
  gap: 20px;
}

.main_box {
  padding: 20px;
  max-width: 1100px;
  min-height: 1100px;
  margin: auto;
  border-radius: 2px;
  background-color: rgb(150, 150, 190);
  display: flex;
  flex-direction: column;
}


.nav_box {
  background-color: rgb(11, 100, 140);
}

.button_box {
  background-color: aqua;
  grid-row: 3;
  grid-column: 1 / span 2;
}

.overview_box {
  background-color: brown;
  grid-row: 1 / span 2;
  grid-column: 2;
}

.display_box {
  display: grid;
  background-color: rgb(100, 100, 140);
  grid-template-columns: auto auto;
  gap: 10px;
}

.display_box img {
  width: 100%;
}