#header{
	width: 100%;
	margin: 0 auto;
	text-align: center;
	position: sticky;
	z-index:999;
}
#header .title1{
	font: bold 30px katong;
	color:#776e65;
	margin:0 auto;
}

#header .title2{
	font:normal 18px katong;
	margin:10px auto;
	padding-left:20%;

}
#header .wrapper{
	display:flex;
	justify-content:space-between;
	width:500px;
	margin:0 auto;
	opacity: 0.3;
	
}
#header .score-wrapper{
	width:200px;
	height:35px;
	background-color:#8f7a66;
	padding:6px;
	border-radius:6px;
}
#header .score-wrapper #txt{
	color:#d2c1c1;
}
#header .score-wrapper #score{
	color:#fff;
	font-size:30px;
	vertical-align:middle;

}
#header .newgame-wrapper #newGame{
	width:200px;
	height:21px;
	display:block;
	background-color:#8f7a66;
	text-decoration:none;
	padding:13px;
	border-radius:6px;
	color:#fff;
	font:18px katong;

}
#header .newgame-wrapper #newGame:hover{
	background-color:#bdac9c;
}
#grid-container{
	width:460px;
	height:460px;
	padding:20px;
	background-color:#bbada0;
	margin:10px auto;
	border-radius:10px;
	position:relative;
	z-index:999;
}
#grid-container .grid-cell{
	width:100px;
	height:100px;
	background-color:#ccc0b3;
	border-radius:6px;
	position:absolute;
}

#grid-container .number-cell{
	border-radius:6px;
	position:absolute;
	background-color:red;
	font:bold 50px katong;
	text-align:center;
	line-height:100px;
}
html,body{
	height: 100%;
	overflow: hidden;
}
.warp-cont{
	position: fixed;
	position: -ms-device-fixed;
	-webkit-overflow-scrolling: touch;
	top: 0px; left:0px;
	right: 0px; bottom: 0px;
}
#image{
	margin-left: auto;
	margin-right: auto;
	z-index:-1;
}
.rounded-image {
	width: 60%;
	border-radius: 5px;
    background: #f7f459;
	overflow: hidden;
    filter: blur(50px);
    transition: filter .5s;
}
.foot {
	min-height: 10%;
    background: #ffffff;
	position: absolute;
	bottom: 0;
}