* {
    			-webkit-user-select: none;
  			-khtml-user-select: none;
  			-moz-user-select: -moz-none;
  			-o-user-select: none;
  			-ms-user-select: none;
  			user-select: none;
  			touch-action:none;
  			-webkit-user-drag: none; 
 			user-drag: none; 
    			-webkit-touch-callout: none; 
                        -webkit-tap-highlight-color: rgba(0,0,0,0);
		}
#container { display:block; }
@media only screen and (orientation:portrait){
  #container {
    height: 100vw;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
  }
}
@media only screen and (orientation:landscape){
  #container {
     -webkit-transform: rotate(0deg);
     -moz-transform: rotate(0deg);
     -o-transform: rotate(0deg);
     -ms-transform: rotate(0deg);
     transform: rotate(0deg);
  }
}
		canvas{
		position:absolute;
		z-index:400;
		top:0px;
		}
		#scoreboard{
                text-align:center;
		position:absolute;
		font-size:150%;
		color: #7FFF00;
		z-index:500;
                left:5%;                
                width:90%;
		top:10px;
		}
		#instructions{
		padding:10px;
		text-align:center;
		position:absolute;
		top:27vh;
		left:10%;
		z-index:650;
		background-color:rgba(0,0,0,0.3);
		display:none;
		}
		#instructionsContent{
		text-align:center;
		}
		#instructions h1{
			color:#7FFF00;
			font-size:20px;
		}
		#instructions h2{
			color:#7FFF00;
			font-size:20px;
		}
		#instructions h3{
			color:#7FFF00;
			font-size:20px;
		}
		#playAgain{
		text-align:center;
		position:absolute;
		top:100px;
		left:50%;
                transform:translateX(-50%);
		z-index:650;
		background-color:rgba(0,0,0,0.3);
		display:none;
		}
		#playAgainContent{
		padding:20px;
		text-align:center;
		
		}
		#playAgain h1{
			color:#7FFF00;
			font-size:40px;
			font-weight: 900;
		}
		#playAgain h2{
			color:black;
			font-size:20px;
		}
		#yesButton{
			pointer-events:auto;
			background-color:#6B8E23;
			font-size:24px;
			border-radius:12px;
			position:relative;
			height:100px;
			width:100px;
                        -webkit-tap-highlight-color: black;			
		}
		#noButton{
			pointer-events:auto;
			background-color:red;
			font-size:24px;
			border-radius:12px;
			position:relative;
			height:100px;
			width:100px;
			margin:10px;
                        -webkit-tap-highlight-color: black;
		}
		#startButton{
			pointer-events:auto;
			background-color:#6B8E23;
			font-size:24px;
			border-radius:12px;
			position:relative;
			height:100px;
			width:100px;
                        -webkit-tap-highlight-color: black;
			}
			
		body {
		font-family:sans-serif;
		background-color: black;
		color:black;
		}
		button{
		color:white;
		border:none;
		font-size:175%;
		background:rgba(128, 64, 0, 0);
		position:absolute;
		z-index:600;
		}
		img{
                    pointer-events:none;
                }