html {
  background: #a3c95d;
  color: #166910;
}

.box {
  max-width:auto;
  margin: 50px auto;
  display: grid;
  gap: 10px;
  grid-template-columns: 200px minmax(0, 1fr);
}

nav, main, footer, litme {
  background: #60a336;
  border-radius: 15px;
  border: #60a336 2px solid;
  padding: 10px;
}

header {
  margin: auto;
  grid-column: 1/3;
}

nav {
  grid-row: 2/4;
  grid-column: 1/2;
  height: max-content;
}

main {
  grid-row: 2/5;
  grid-column: 2/3;
  height: max-content;
}

footer {
  margin: auto;
  grid-column: 1/3;
}

litme {
  grid-row: 4/5;
  grid-column: 1/2;
  
}

img {
  max-width: 100%;
}

ul li::marker {
  content: "+ ";
}