root { 
    display: block;
}

body{
    background-color: #000000;
    background-repeat: repeat-x;
    background-position: top; 
	    background-image: url(../sprites/bg_game.jpg);

}

*, *: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{
    
    position: fixed;
    
    
}

canvas {
    image-rendering: optimizeSpeed;
    image-rendering:-o-crisp-edges;
    image-rendering:-webkit-optimize-contrast;
    -ms-interpolation-mode: nearest-neighbor;
	-ms-touch-action: none;
}


#msg_pop{
	font-family: Roboto Condensed;
background-color: rgba(0, 0, 0, 0.7);
display: none;
position: fixed;
z-index: 99999;
bottom: 30px;
right:30px;
width: 150px;
padding: 10px;
color:#fff;
font-size:13px;
line-height:13px;
-webkit-box-shadow: 0px 0px 10px #999;
-moz-box-shadow: 0px 0px 10px #999;
box-shadow: 0px 0px 10px #999;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
}
#msg_pop h4{
margin:0;
text-align:center;
font-size:15px;
}
 
#msg_close{
display:block;
position:absolute;
top:5px;
right:10px;
line-height:15px;
width:16px;
height:16px;
text-align:center;
color:#fff;
cursor:pointer;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
border-radius: 10px;
}
#msg_close:hover {
background-color:#fff;
color:#000;
}

.fadeIn{
    animation-name: fadeIn;
    -webkit-animation-name: fadeIn; 
     animation-duration: 0.4s; 
    -webkit-animation-duration: 0.4s;
     animation-timing-function: ease-in-out; 
    -webkit-animation-timing-function: ease-in-out;     
     visibility: visible !important; 
}
  
@keyframes fadeIn {
    0% {transform: scale(0.7);opacity: 0.5;}
    80% {transform: scale(1.1);}       
    100% {transform: scale(1);opacity: 1;}       
}
  
@-webkit-keyframes fadeIn {
    0% {-webkit-transform: scale(0.7);opacity: 0.5;}
    80% {-webkit-transform: scale(1.1);}       
    100% {-webkit-transform: scale(1);opacity: 1;}       
}
.bestgamer{
	 
	    background: rgba(255, 255, 255, 0.58);
    width: 20%;
    text-align: center;
    margin: 10px;
    border-radius: 10px;
    font-family: Roboto Condensed;
    font-size: 100%;
    padding: 5px;
	
	padding-bottom: 10px;
	}
	.bestgamer h2,
	.ratingtable h2{
		margin-bottom:10px;
		}    
			.ratingtable a
{
	color: #FFD700;
    
		}
	.bestgamer a
	
{
	color: #fff;
    font-weight: bold;
		}
		.bestgamer img{
	
	margin-bottom:10px;
		}
	.best-score{
		    background: #fe0808;
    padding-left: 3px;
    padding-right: 3px;
    color: #fff;
		}
		.bestname{
			margin-bottom:5px;
			}
	.ratingtable{
	   background: #000;
    font-family: Roboto Condensed;
    width:50%;
	
	
    
    margin: 10px;
    border-radius: 1px;
    padding: 10px;
    
    text-align: center;
    
    border: 1px solid #FFD700;
		}	
		.ratingtable img{
			height:50px;
			    float: left;
				padding-right: 5px;
			}
			.ratingtable hr{
			margin-top:10px;
			}
.online{
	font-family: Roboto Condensed;
    color: #ffd700;
    font-size: 3em;
	    line-height: 1em;
    text-shadow: #fe0808 1px 1px 0, #fe0808 -1px -1px 0, #fe0808 -1px 1px 0, #fe0808 3px -3px 0;
	}	
.onlinetext{
	    font-family: Roboto Condensed;
    color: #ffd700;
    font-size: 1.5em;
	}	
.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 */
}

/***************FONTS*******************/

@font-face {
    font-family: 'Comfortaa';
    src: url('comfortaa-bold-webfont.woff2') format('woff2'),
         url('comfortaa-bold-webfont.woff') format('woff')
    font-weight: normal;
    font-style: normal;

}