body {
  font-family: sans-serif;
}

label {
  font-size: 13.3333px;
}

#control-span {
  float: right;
}

.slider {
  height: 10px;
}

#menu {
  position: relative;
  margin: 0;
  padding: 0;

  top: 0;
  right: 0;
  width: 100%;

  float: left;

  outline: 1px solid grey;

  /* ImGui light theme background color */
  background-color: #f0f0f0;

  z-index: 100;
}

#imgui-canvas {
  display: none;

  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

#output-canvas {
  display: block;
  
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
  
  object-fit: contain;
  image-rendering: pixelated;
  image-rendering: -moz-crisp-edges;
  image-rendering: -webkit-crisp-edges;
}

button {
  border: none;
  margin: 1px;
}

body {
  margin: 0;
  background-color: #1d1d1d;
}

#container {
  height: 100vh;
  display: flex;
  flex-direction: column;
}