* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: arial;
  background-color: #504040;
  width: 1024px;
  padding-top: 5%;
  margin: auto;
}

main {
  display: grid;
  grid-template-columns: 1fr 4fr;
  gap: 10px;
}
main .meny {
  grid-row: span 3;
}
main .meny__knapp {
  margin: 10px;
  color: #2bc556;
  border: 2px solid #000;
  background-color: #35f370;
  border-radius: 10px;
  padding: 5px;
}
main .meny__knapp p {
  padding: 10px 0;
}
main .meny__knapp:hover {
  cursor: pointer;
  color: #35f370;
  background-color: #2bc556;
}
main .infobox {
  color: #fff;
  border: 2px solid #fff;
  background-color: #2bc556;
  border-radius: 10px;
  padding: 5px;
}
main .infobox p {
  padding: 10px 0;
}
main .infobox--highlight {
  color: #2bc556;
  border: 2px solid #fff;
  background-color: #35f370;
  border-radius: 10px;
  padding: 5px;
}
main .infobox--highlight p {
  padding: 10px 0;
}/*# sourceMappingURL=style.css.map */