:root {
  --main-pad: 30px;
}

body {
  padding: 0px;
  margin:  0px;
  font-size: 40px;
}
button, select, textarea {
  font-size: 40px;
}

#canvas {
  position: absolute;
  top:  0px;
  left: 0px;
  z-index: 1;
}

#back {
  position: absolute;
  top:  var(--main-pad);
  left: var(--main-pad);
  z-index: 2;
}

#menu {
  position: absolute;
  grid-template-rows: 1fr auto;
  z-index: 3;
  
  top:  0px;
  left: 0px;
  width:  calc(100vw - 2*var(--main-pad));
  height: calc(100vh - 2*var(--main-pad));
  padding: var(--main-pad);
  
  background-color: rgb(50, 50, 50);
  color: rgb(120, 255, 255);
}

#func {
  background-color: rgb(100, 100, 100);
  color: rgb(250, 250, 250);
  width: calc(100vw - 2*var(--main-pad));
}
.grid {
  display: grid;
}
.hidden {
  display: none;
}