* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

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

body {
  background: url('/assets/images/main/main_bg.webp') no-repeat center center #23110f;
  background-size: cover;

  display: flex;
  justify-content: center;
  align-items: center;

  user-select: none; /* Standard syntax */
  -webkit-user-select: none; /* Safari */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
}

/* Apply 'contain' when the viewport is taller than it is wide (vertical ratio) */
@media (min-aspect-ratio: 1/1) {
  body {
    background-size: contain;
  }
}

body.app {
  background-image: none;
}

/*canvas {*/
/*  display: block;*/
/*}*/