body {
  background-color: #504040;
  font-family: Arial, Helvetica, sans-serif;
  width: 1024px;
  margin: 100px auto;
}

main {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: repeat(3, 1fr);
  gap: 10px;
}

.Menu {
  background-color: #2cb556;
  border: #fff 2px solid;
  border-radius: 5px;
  padding: 5px;
  color: #fff;
  grid-column: 1;
  grid-row: 1/-1;
}
.Menu__box {
  border-radius: 5px;
  padding: 5px;
  border: #000 2px solid;
  color: #2cb556;
  background-color: #35f370;
  margin-bottom: 5px;
}
.Menu__box:hover {
  background-color: #fff;
  color: #35f370;
}

.Box {
  background-color: #2cb556;
  border: #fff 2px solid;
  border-radius: 5px;
  padding: 5px;
  color: #fff;
  grid-column: 2/-1;
}
.Box--special {
  border-radius: 5px;
  padding: 5px;
  border: #000 2px solid;
  color: #2cb556;
  background-color: #35f370;
  border-color: #fff;
  grid-column: 2/-1;
}/*# sourceMappingURL=greenMixIn.css.map */