@charset "UTF-8";
//exbn.html&exrn.html
body{
	font-family:Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
}


#wrapper{
	width:100%;
	height:97%;
	margin:0;
	text-align:center;
	position:relative;
}

h3 .btn{
	padding:3px;
	text-align:center;
	font-size:0.8em;
	float:right;
	//border-radius:0px;
	border: solid gray;
	background:lightcyan;
	margin: 0;
}

span{
	color:black;
}

header{
	position:relative;
	margin-bottom:0px;
	
	font-weight:bold;
    color:red;
//	font-size:1.2em;
	padding:0px;
}

h2{
	//color:aliceblue;
	padding:8px;
	text-align:center;
	font-size:1.4em;
	font-color:yellow;
	background:#32CD32;  //lightcyan;
}

.cc{
	display:none;
	color:red;
	position:relative;
	margin:0;
	padding:0;
font-size:1em;

}

#record{
	color:green;
	position:relative;
//	float:left;
		padding:0px;
		font-size:1.2em;
//	left:0;
//	bottom:0;
	margin-top: 3px;
	//clear:both;
}

#wd{
	width:6em;
	height:6em;
	//width:auto;
	//height:auto;
	padding:0.3em;
	//font-size:8em;
	font-weight:bold;
	background-color:red;
	margin: 0px;
	//border-radius:6px;
	text-align:center;
	color:#FEC617;
	top:0px;
	left:0%;
    position:relative;
    //clear:both;
	
}

#timer{
	color:green;
	position:relative;
//    float:right;
	padding:0px;
	font-size:1.2em;
	right:0;
    margin: 0px;
   //clear:both;	
}

#game{
	position:relative;
	left:1%;
	display:block;
	margin: 0px 0px 0px 0px;
}

#numbers div{
	focus:out;
	width:10%;
	height:10%;
	padding:1px;

	font-weight:bold;
	background:darkseagreen;
	color:red;
	margin:2px;
	position:relative;
	text-align:center;
	float:left;
	cursor:pointer;

	font-size:2em;
	border-radius:15px;
}

#numbers div.hit{
	background:#E27C1C;
	color:#FEC617;
	align:center;
}

#wds{
	display:block;
	//display:none;
	font-size:1em;
	top:0px;
	//margin:0px;
	margin-bottom:2px;
}

#startScene{
	position:absolute;
	width:50%;
	height:50%;
	background:#7D5740;
	top:30%;
//	opacity:1;
	right:30%;
}



button{
	display:block;
	margin:auto;
	border-width:8px;
	color:#FEC617;
	background:#E2681C;
	//border-radius:35px;
	font-size:2em;
	font-weight:bold;
//padding:30px;
	cursor:pointer;
	color:#FEC617;

    
	
}

#ba{
	float:left;
	width:90%;
	height:80px;
	margin:0px;
	text-align:center;
	display:none;
}

.ween{
	width:90%;
	height:80px;
	color:yellow;
	
	display:inline;
	position:fixed;
	float:left;
	background:lightcyan;
	padding:8px;
	margin:0;
	font-size:1em;
    //position:;
	text-align:center;
}	

#id{
	float:left;
	margin:2px;
	display:block;
	
	
}

button:hover{
	color:#E27C1C;
	background:#FEC617;
}

button:focus{
	outline:none;
}

@media screen and (max-width:650px){
#numbers div{
	
	width:10%;
	height:10%;
	padding:1px;
	font-size:1em;
	font-weight:bold;
	background:darkseagreen;
	color:red;
	margin:2px;
	position:relative;
	text-align:center;
	float:left;
	cursor:pointer;
	border-radius:1px;
}	
}