/* 
    Document   : main.css
    Created on : 19-nov-2013, 15.47.44
    Author     : Biagio Iannuzzi
    Description:
        Purpose of the stylesheet follows.
*/

root { 
    display: block;
}

body{
    background-color: #000;
    background-repeat: repeat-x;
    background-position: center;
    /* Prevent body scrolling to allow swipe gestures on canvas */
    overflow: hidden;
    position: fixed;
    width: 100%;
    height: 100%;
    /* Center canvas container */
    display: flex;
    align-items: center;
    justify-content: center;
}

*, *:before, *:after {
   -webkit-user-select: none;
   -khtml-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
}
    
input, input:before, input:after {
   -webkit-user-select: initial;
   -khtml-user-select: initial;
   -moz-user-select: initial;
   -ms-user-select: initial;
   user-select: initial;
}

::selection { background: transparent;color:inherit; }
::-moz-selection { background: transparent;color:inherit; }

#canvas{
    width:640px;
    height: 960px;
    position: relative;
    /* Ensure canvas receives touch events */
    pointer-events: auto;
    /* Center canvas within viewport - override JavaScript positioning */
    margin: auto;
    left: 0 !important;
    top: 0 !important;
}

canvas {
    image-rendering: optimizeSpeed;
    image-rendering:-o-crisp-edges;
    image-rendering:-webkit-optimize-contrast;
    -ms-interpolation-mode: nearest-neighbor;
	/* Allow touch events for swipe controls */
	touch-action: pan-x pan-y;
	-ms-touch-action: pan-x pan-y;
	-webkit-touch-action: pan-x pan-y;
}

.ani_hack{
    -webkit-perspective: 1000;
    -webkit-backface-visibility: hidden;
    
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    outline: none;
    -webkit-tap-highlight-color: transparent; /* mobile webkit */
}

#block_game {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 9999;
}

/***************FONTS*******************/
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on Febrary 03, 2016 */



@font-face {
    font-family: 'rocks__gregular';
    src: url('gomarice_rocks-webfont.eot');
    src: url('gomarice_rocks-webfont.eot?#iefix') format('embedded-opentype'),
         url('gomarice_rocks-webfont.woff2') format('woff2'),
         url('gomarice_rocks-webfont.woff') format('woff'),
         url('gomarice_rocks-webfont.ttf') format('truetype'),
         url('gomarice_rocks-webfont.svg#rocks__gregular') format('svg');
    font-weight: normal;
    font-style: normal;

}