body {
  margin:0;
  background-color: black;
}
#card_table, #info {
  width:90vmin;
  margin:3vmin auto 0 auto;
  background-color:#00a000;
  padding:3vmin 2vmin;
  border:1vmin groove brown;
}
.card {
  width:11vmin;
  height:auto;
  margin:0 auto;
  visibility:hidden;
}
#cols {
  height:55vmin;
  display:grid;
  grid-template-columns: repeat(7,1fr);
  grid-template-rows: repeat(8,7vmin);
}
#stock_waste {
  display:flex;
  justify-content: center;
}
#stock_waste img {
  margin:0 3vmin;
}
#message {
  margin:-7vmin auto 2vmin auto;
  border:.3vmin solid black;
  padding:1vmin 0;
  font-size:4vmin;
  width:60vmin;
  height:5vmin;
  text-align: center;
  visibility:hidden;
  background-color: oldlace;
}
#buttons{
  width:80vmin;
  margin:3vmin auto 0 auto;
  display:flex;
  justify-content: space-around;
}
button {
  font-size:3vmin;
  cursor:pointer;
  padding:.5vmin 2vmin;
}
#info {
  height:82vmin;
  background-color: beige;
  font-size:3vmin;
  font-family: sans-serif;
  padding-left:4vmin;
  display:none;
}
#close {
  display:flex;
  justify-content: center;
}