/** 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 */
}


@keyframes pulseSize2 {
    0% {
        transform: scale(1);
    }

    70% {
        
        transform: scale(1.5) rotate(-26deg);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes pulseSize {
    0% { transform: rotate(0deg); }
    10% { transform: rotate(-26deg); }
    15% { transform: rotate(5deg); }
    20% { transform: rotate(0deg); }
    60% { transform: rotate(0deg); }
    65% { transform: rotate(-16deg); }
    70% { transform: rotate(-5deg); }
    85% { transform: rotate(2deg); }
    90% { transform: rotate(-16deg); }
    100% { transform: rotate(0deg); }
}
@keyframes pulseSize1 {
    0% {
        right: 30vh;
    }

    50% {
        right: 40vh;
    }

    100% {
    	right: 30vh;
    }
}


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' */

}

.appcredit {
	margin-top: 1vw;
}
.appcredit a{
	text-decoration: none;
}
.appcredit img{
	width: 10vw;
	height: 10vw;
	vertical-align: top;
	margin-right: 15px;
	float:left;
}
.appcredit .apphead{
	font-size: 5vw;
	text-align: left;
	color: #fff;
}
.appcredit .appdesc{
	text-align: left;
	font-size: 2vw;
	height: 5vw;
	color: #ddd;
}

.content-flow{
	width: 80%;
	margin: auto;
	font-family: Sans-Serif;
	text-transform: none;
	font-size: 3vw;
	color: white;
}
.s3{
	font-size: 3vw;
}
.s2{
	font-size: 2vw;
}
.s4{
	font-size: 4vw;
}
.s4s{
	font-size: 3vw;
}
.textright{
	text-align: right;
	padding: 0px 8vw;
}
.textcenter{
	text-align: center;
	padding: 0px 8vw;
	
}
.textcenter img{
	max-width: 80%;
}

.textleft{
	text-align: left;
	padding: 0px 8vw;
}
.head{
	margin-top: 2vw;
	    margin-bottom: 0.5vw;
    text-decoration: underline;
}
.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;
	
}