body {
  background: #ddffff;
}

.wrapper {
  display: flex;
  flex-direction: column;
  height: 95vh;
}

.carddiv {
  position: absolute;
  background: #00ccff;
  touch-action: none;
}

.cardarea {
  background: #ffffff;
  flex: 1;
}

.cardbox {
  resize: none;
}

.punchdiv {
/*
  float: left;
*/
}

input.darkBox {
  height: 1em;
}

input.brightBox {
  height: 1.1em;
}

input {
  font-family: monospace;
  width: 2ch;
  margin: 0px;
}

.titlebuttondiv {
/*
  float: right;
*/
}