* {
    -webkit-tap-highlight-color0: rgba(0, 0, 0, 0);
    margin0: 0;
    padding0: 0;
    /*
    -webkit-user-select: none;    
    -webkit-touch-callout: none;
    -moz-touch-callout: none;
    -ms-touch-callout: none;
    touch-callout: none;
    */
}


/* */

html,
body {
    width: 100%;
    height: 100%;
    font-size: 12px;
    font-family: 'RobotoRegular ', 'Droid Sans ', 'Segoe UI ', 'Segoe', 'San Francisco ', 'Helvetica Neue ', 'Helvetica', 'Arial', 'Geneva', sans-serif;
    background-color: #32383d;
    margin: 0;
    padding: 0;/*
    -webkit-transform: translateZ(0);
     for Safari */
    overflow0: hidden;
    /* scale or not scale; app does not move on all platephormes
    touch-action:none;*/
}

div {
    box-sizing: border-box;
    word-wrap: break-word;
}

canvas {
    box-sizing: border-box;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

video {
    width: 100%;
    height: auto;
}

img {
    width0: 100%;
    /*
    height: auto; */
}

iframe {
    width: 100%;
    /**
      * height: auto;
      */
}


/*
audio#audio{
    position0: absolute;
    bottom: 0;
    left: 0;
}
*/

#main {
    width: 100%;
    margin: auto;
}


/* debug
*/

#header_debug {
    color: #cccccc;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
    margin: 0em;
    background-color: #000000;
    display: none;
    padding-top: 2rem;

    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

#header_debug a {
    color: white;
}

div#visitors_counter{
    position: absolute;
    top: 0;
    left: 0;
}

#footer_debug {
    color: #cccccc;
    z-index: 1000;
    position: absolute;
    bottom: 0;
    left: 0;
    margin: 0em;
    background-color: #000000;
}

#reload {
    z-index: 1000;
    visibility: visible;
    position: absolute;
    bottom: 0;
    right: 0;
    border: 1px solid #999796;
    margin: 1em;
    padding: .5em;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

#debug {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2000;
}

.animation {
    -webkit-transform: translate3d(0px, 0px, 0px);
    -moz-transform: translate3d(0px, 0px, 0px);
    -ms-transform: translate3d(0px, 0px, 0px);
    -o-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0, 0, 0);
    -webkit-transform: translateZ(0);
}

div#out{
    position: absolute;
    right: 0;
    top: 0;
    color: #FFF;
}

/* Landscape Samsung  */

@media screen and (min-device-width: 650px) and (max-device-width: 1024px) and (orientation: landscape) {

    #header_debug0 {
        font-size: 1.5rem;
    }
}