.version_container {position: absolute;top: 86.5vh;left: 2vh;}

.version {font-size: 3.2vh;color: white;font-weight: 600;margin-bottom: 1vh;text-shadow: 0px 0px 5px black;}

.locked_choice {
  background-color: rgba(88, 88, 88, 0.54) !important;
  color: #ffffff !important;
  border: 2px solid #333333 !important;
}

.credits_menu, .special_thanks {
  overflow-y: hidden;
  overflow-x: hidden;
}

.roadmap {
  transition: 0.5s;
  font-size: 3vh;
  font-weight: 600;
  color: #6c6df7;
  background: white;
  padding: 1.5vh 2vh;
  cursor: pointer;
  border-radius: 0.8vh;
  box-shadow: 0.2vh 0.2vh 1vh #00000059;
  transition: 0.5s;
  width: 16vh;
}

.roadmap:hover {
  width: 17vh;
  padding: 1.5vh 1.5vh 1.5vh 3vh;
}

.roadmap_image {max-width: 100%;background-size: contain;}

.menu_item_container {
  background: linear-gradient(to right, #6a6a98 0%, #6a6a98 51%, #ffffff00 100%);
  border-radius: 1vh;
  padding: 0.3vh;
  margin-bottom: 2vh;
  transition:0.5s;
}

.menu_buttons {
  position: absolute;
  height: 27vh;
  padding: 2vh 1vh;
  left: 111vh;
  bottom: 17vh;
}

.menu_item {
  display: block;
  font-weight: 600;
  color: #6D71FD;
  margin: 0;
  font-size: 4vh;
  text-decoration: none;
  width: 33vh !important;
  padding: 1.8vh;
  cursor: pointer;

  /*! border: #fff solid 0.5vh; */
  transition: 0.5s;
  background-color: #ffffff;
  /* box-shadow: 0.5vh 0.5vh 1vh #0000006b; */
  flex: 1 1 auto;
  text-align: center;
  transition: 0.5s;
  background-size: 200% auto;
  color: white;
  border-radius: 1vh;
  background-image: linear-gradient(to right, #50308e 0%, #6D71FD 51%, #5a3e9d 100%);
}

.menu_item:hover {
  width: 35vh !important;
  background-position: right center;
}

.credits_text, .roadmap_text, .credits_text_walkthrough {
  color: #181818;
  font-size: 2.2vh;
  line-height: 4vh;
  margin-left: 2.8vh;
  margin-top: 2vh;
  overflow-y: scroll;
  /* text-align: center; */
  /* overflow: hidden; */
  padding: 0vh 2vh  0vh 0vh;
  height: 61vh;
  width: 79vh;
}

.credits_text_walkthrough {
  height: 5vh;
}

.credits_menu, .special_thanks {
  transition: 0.5s;
  visibility: hidden;
  opacity: 0.0;
  overflow-y: hidden;
  overflow-x: hidden;
}

.credits_menu, .roadmap_menu, .walkthrough_menu, .preview_menu {
  position: absolute;
  z-index: 101;
  width: 85vh;
  height: 72vh;
  background-color: rgb(255, 255, 255);

  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  border-radius: 0.7vh;
  box-shadow: 0.1vh 0.2vh 1vh #00000052;
  bottom: 12vh;
}

.credits_menu {
  height: 68.5vh;
  width: 57vh;
  left: -40vh;
  bottom: 13vh;
}

.special_thanks {
  position: absolute;
  background-color: white;
  width: 41vh;
  height: 68.5vh;
  bottom: 13vh;
  left: 100vh;
  border-radius: 1vh;
  box-shadow: 0.1vh 0.2vh 1vh #00000052;
}