* {
  -moz-user-select: none;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
  user-select: none;
}

html,
body {
  padding: 0;
  margin: 0;
  overflow: hidden;
}

#content {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  background-color: #111111;
}

#frame {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

#app {
  border: 0;
}

body.isDesktop #content {
  overflow: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}

body.isDesktop:not(.landscapeMode) #frame {
  width: 375px;
  height: 667px;
  position: relative;
}

@media screen and (min-height: 960px) {
  body.isDesktop:not(.landscapeMode) #frame {
    width: 540px;
    height: 960px;
  }
}