/** Add css rules here for your application. */
* {
    -webkit-tap-highlight-color: rgba(0,0,0,0); /* make transparent link selection, adjust last value opacity 0 to 1.0 */
}

body {
    -webkit-touch-callout: none;                /* prevent callout to copy image, etc when tap to hold */
    -webkit-text-size-adjust: none;             /* prevent webkit from resizing text to fit */
    -webkit-user-select: none;                  /* prevent copy paste, to allow, change 'none' to 'text' */

}
.game-border{
	padding: 0px;
    width: 100%;
    width: 100vw;
    height: 64.263vw;
    background: #10314a00;
    max-height: 100vh;
    max-width: 155.78vh;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.game-border  canvas{
	padding: 0px;
    width: 100%;
    width: 100vw;
    height: 64.263vw;
    background: #10314a00;
    max-height: 100vh;
    max-width: 155.78vh;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    outline: none !important;
}
#vertical{
	position: fixed;
	top: 0px;
	left: 0px;
	bottom: 0px;
	right: 0px;
	
	background: url(images/bg1.png) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	-webkit-transition: background-image 0.5s ease-in-out;
	transition: background-image 0.5s ease-in-out;
}
#containMe{
    xposition: absolute;
    xleft: 242px;
    xtop: 216px;
    xright: 242px;
    xbottom: 225px;
    xwidth: 800px;
    xheight: 800px;
	width: 100%;
	animation: pulse 2s 5; 
} 

@keyframes pulse {
  0% {
    background-color: #1c2e2d;
  }
  50% {
    background-color: #4c5e5d;
  }
  100% {
    background-color: #1c2e2d;
  }
}
#all {
	position: relative;
}

#top {
    background-image: url(topn.jpg);
    background-size: 100% 100%;
	height: 550px;
}

#bottom {
background-image: url(bottomn.jpg);
    background-size: 100% 100%;
	position: absolute;
	bottom: 0px;
	height: 550px;
	width: 100%;
}

#center {
background-image: url(center.jpg);
    background-size: 100% 100%;
	position: absolute;
	bottom: 230px;
	top: 230px;
	width: 100%;
}

.base {
	background: none;
    position: fixed;
    left: 0px;
    right: 0px;
    xbottom: 0px;
	opacity: 1;
    xoverflow-y: scroll;
    transition: all 0.5s ease-in;
   	top: 100%;
   	height: 100%;
	opacity: 0;
	pointer-events: none;
	visibility: hidden;
}
.base.visible {
   	top: 0%;
	opacity: 1;
	pointer-events: all;
	visibility: visible;
	
}