<commit_before>html, body {
  margin: 0;
  overflow: hidden;
}

.start-button {
  position: absolute;
  bottom: 15%;
  left: 50%;
  transform: translateX(-50%);
  cursor: pointer;
  z-index: 3;
}

.score {
  position: absolute;
  font-family: monospace;
  bottom: 30%;
  right: 15%;
  z-index: 2;
  font-size: 3.5em;
  color: #2A2A2A;
}

.mobile-button {
  display: none;
  opacity: 0.5;
  width: 50%;
  height: 640px;
  position: absolute;
  bottom: -3em;
  cursor: pointer;
  z-index: 2;
}
.left {
  left: 0;
}

.right {
  right: 0;
}

.wrapper {
  display: table;
  padding: 0;
  width: 100%;
  height: 100%;
  position: absolute;
}
.container {
  display: table-cell;
  vertical-align: middle;
}
.canvas-container {
  position: relative;
  max-width: 414px;
  min-width: 320px;
  margin: 0 auto;
  height: 100vh
}

.canvae {
  position: absolute;
  width: 100%;
  height: auto;
}

.back-canvas, .end-canvas {
  display: none;
}
<commit_msg>adjusting css to allow max height instead of max width<commit_after>html, body {
  margin: 0;
  overflow: hidden;
}

.start-button {
  position: absolute;
  bottom: 15%;
  left: 50%;
  transform: translateX(-50%);
  cursor: pointer;
  z-index: 3;
}

.score {
  position: absolute;
  font-family: monospace;
  bottom: 30%;
  right: 15%;
  z-index: 2;
  font-size: 3.5em;
  color: #2A2A2A;
}

.mobile-button {
  display: none;
  opacity: 0.5;
  width: 50%;
  height: 640px;
  position: absolute;
  bottom: -3em;
  cursor: pointer;
  z-index: 2;
}
.left {
  left: 0;
}

.right {
  right: 0;
}

.wrapper {
  display: table;
  padding: 0;
  width: 100%;
  height: 100%;
  position: absolute;
}
.container {
  display: table-cell;
  vertical-align: middle;
}
.canvas-container {
  left: 50%;
  transform: translateX(-50%);
  position: relative;
  min-height: 568px;
  max-height: 736px;
  margin: 0 auto;
  height: 100vh
}

.canvae {
  position: absolute;
  width: auto;
  height: 100%;
}

.back-canvas, .end-canvas {
  display: none;
}

@media screen and (min-width: 480px) {
  .canvae {
    left: 50%;
    transform: translateX(-50%);
  }
}

{'fraction_non_alphanumeric': 0.15665545410860163, 'fraction_numerical': 0.052378664103796255, 'mean_word_length': 2.9961612284069097, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '4567789', 'n_tokens_mistral': 933, 'n_tokens_neox': 829, 'n_words': 215}