:root {
  /* Colors */
  --letterbox-color: rgba(0 0 0 / 100%);
  --app-background-color: rgba(239 239 239 / 100%);
  --font-color: rgba(0 0 0 / 100%);

  /* Sizes */
  --minimum-app-size: 300px;
}

body {
  margin: 0;
  font-family: sans-serif;
  text-align: center;
  color: var(--font-color);
}

#root {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: var(--letterbox-color);
}

#portrait {
  position: relative;
  box-sizing: border-box;
  margin: auto;
  padding: 1em;
  min-width: var(--minimum-app-size);
  min-height: var(--minimum-app-size);
  width: 100%;
  height: 100%;
  max-width: 62.5vh;
  background: var(--app-background-color);
  overflow-x: hidden;
  overflow-y: scroll;
  transform: scale(1);
}