:root {
  --aspect: 2/3;
}

#main_canvas_container {
  width: 70%;
  max-height: 100%;

  aspect-ratio: var(--aspect);
  touch-action: auto !important;
}

#viewport {
  max-width: 100%;
  height: 100%;
  
  aspect-ratio: var(--aspect) !important;
}

#controls_left, #controls_right {
  width: 15%;
  max-height: 10%;
}

@media (max-width: 500px) {
  #controls_contrainer {
    height: 100%;
    width: 100%;
  }

  #main_canvas_container {
    width: 100%;
    max-height: 90%;
  }

  #controls_right, #controls_left {
    width: 50%;
    height: 10% !important;
  }
}