#loaderBG
{
  width: 100vw;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #0e0808;
  z-index: 400;
}

body, td, p, div
{
  font-family: 'Roboto';
}


body{
margin: 0;
padding: 0;
overflow: hidden;
background-color: #0e0808;
overflow: hidden;
width: 100vw;
height: 100vh;


  -webkit-touch-callout: none;
    -webkit-user-select: none;
     -khtml-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}

#renderCanvas
{
width: 100vw;
height: 100vh;
height: 100svh;
position: absolute;
top: 0px;
left: 0px;
outline: none;
-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
/* mobile webkit */
background: transparent;

  -webkit-touch-callout: none;
    -webkit-user-select: none;
     -khtml-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;


}

@media screen and ( max-width: 373px ){


  @-ms-viewport {
    width: 373px;
  }
  @-o-viewport {
    width: 373px;
  }
  @viewport {
    width: 373px;
  }

  html, body {
    overflow-x: hidden;
    overflow-y: hidden;
  }





}




@media (orientation: portrait) {

}