html,
body {
  height: 100%;
  overflow: hidden;
  background-color: #000;
  max-width: calc(100vh * 0.6);
  margin: 0 auto !important;
}
* {
  user-select: none;
}
#app,
#root {
  display: flex;
  height: 100%;
  flex: 1;
  max-width: calc(100vh * 0.6);
  margin: 0 auto !important;
}
.scroll-container.indiana-scroll-container {
  flex: 1;
  scroll-behavior: smooth;
}
.indiana-scroll-container.scroll {
  overflow-y: scroll;
}
.scroll-horizontal > div {
  width: max-content;
  min-width: 100%;
}
::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
::-webkit-scrollbar-corner {
  background: rgba(0, 0, 0, 0);
}
::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 2px;
  background-clip: content-box;
}
::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0);
}

#installInstructions {
  display: none;
}
@media (display-mode: browser) {
  #installInstructions {
    display: block;
  }
}

.text-stroke {
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #000;
}