body {
  overflow: hidden;
}

html, body {
  position: relative;
  width: 100vw;
  height: calc(100vh - calc(100vh - 100%));
}

#rootroot {
  position: relative;
  display: flex;
  flex-direction: row;
  width: 100%;
  height: 100%;
}

#mathbox {
  position: relative;
  height: 100%;
  width: 70%;
}

#root {
  position: relative;
  height: 100%;
  width: 30%;
}

@media (max-width: 50em) {
  #rootroot {
    flex-direction: column;
  }
  #mathbox {
    height: 70%;
    width: 100%;
  }
  #root {
    height: 30%;
    width: 100%;
  }
  #LeftColumnContainer {
    border-bottom: 1px solid black;
  }
}