* {
  box-sizing: border-box;
}
body {font-family: monospace; font-size: 15px; cursor: Default; user-select: none; text-align: center;}
div {border: solid black 1px; padding: 6px; margin: 6px; vertical-align: middle; text-align: center; }
span {border: solid black 1px; padding: 6px; margin: 6px; vertical-align: middle; text-align: center; display: inline-block; }
.num {border: solid black 1px; padding: 6px; margin: 6px; vertical-align: middle; text-align: center; font-family: monospace; font-size: 15px; width: 60px;}
.item {border: solid black 1px; padding: 6px; margin: 6px; vertical-align: middle; text-align: center; font-family: monospace; font-size: 15px; width: 45px;}
.lastdraw {border: solid black 1px; padding: 6px; margin: 6px; vertical-align: middle; text-align: center; font-family: monospace; font-size: 15px; width: 45px;}
#groups {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center;}
.group {width: 49%;}
.hid {display: none;}
.items {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center;}
.startstopdraw {background-color: palegreen;}
.lastdraw {background-color:lightskyblue;}