html,
body,
#root {
  height: 100%;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: relative;
}

body {
  position: relative;
}

#root {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

:root {
  --overlay-animation-duration: "500ms";
  --overlay-opacity: 1;
}

@media (orientation: landscape) and (max-height: 480px) {
  html,
  body,
  #root {
    height: initial;
    overflow: initial;
  }
}