body {
  font-family: Arial, "Segoe UI", "Helvetica", Sans-Serif;
}
body .noselect {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  /*-khtml-user-select: none; Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}
body header {
  background-color: lightgray;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 3rem;
}
body header select#account {
  float: right;
}
body nav {
  border: solid 1px grey;
  background-color: lightblue;
  position: fixed;
  top: 3rem;
  bottom: 3rem;
  left: 0;
  width: 8rem;
  z-index: 200;
}
body nav .menu-button {
  width: 4rem;
  height: 4rem;
  border: solid 1px black;
  padding: 0;
}
body nav .menu-button:hover {
  background-color: darkgray;
}
body div.item-list {
  border: solid 1px grey;
  background-color: lightgreen;
  position: fixed;
  top: 3rem;
  bottom: 3rem;
  right: 0;
  width: 6rem;
}
body div.item-list .item {
  width: 6rem;
  height: 2rem;
  border: solid 1px black;
  padding: 0;
}
body main {
  border: solid 1px blue;
  background-color: lightcyan;
  position: fixed;
  top: 3rem;
  bottom: 3rem;
  left: 8rem;
  right: 6rem;
  z-index: 100;
}
body footer {
  background-color: lightgray;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3rem;
}