html,
body {
  min-height: 100%;
  width: 100%;
  display: grid;
  place-items: center;
}

#graphs {
  display: flex;
  flex-direction: row;
}

#container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100vh;
}

#canvas {
  width: 400px;
  height: 400px;
  border: 1px solid black;
}

#jxg {
  border-radius: 0;
  border: 1px solid black !important;
}

#file {
  display: none;
}

#quantization {
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

#qnb {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3rem;
}

pre {
    white-space: pre-wrap;       /* Since CSS 2.1 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
}