body {
	font-family: Verdana,Arial,Helvetica,sans-serif;
}

ul {
	list-style-type: none;
}

ul,li {
	margin: 0;
	padding: 0;
}

a {
	text-decoration: none;
}

.header {
	width: 460px;
	margin: 0 auto;
	text-align: center;
}

.start {
	padding: .5em;
	background-color: #8f7a66;
	color:white;
	border-radius: 6px;
}

a.start:hover {
	background-color: #D7A354;
}

a.start:active {
	background-color: gray;
}

.score {
	color:#CA8544;
	font-size: 1.8em;
}

.container {
	position: relative;
	width:  460px;
	height: 460px;
	background-color: #bbada0;
	border-radius: 10px;
	padding: 20px;
	margin: 0 auto;
}

.grid-cell {
	position: absolute;
	width:100px;
	height: 100px;
	background-color:#ccc0b3;
	border-radius: 6px;
}

.number-cell{
	position: absolute;
	width:100px;
	height: 100px;
	background-color: #F0E3D4;
	border-radius: 6px;
	color:#9D6121;
	line-height: 100px;
	text-align: center;
	-webkit-transition-duration:300ms;
	    -ms-transition-duration:300ms;
			transition-duration:300ms;
}

.center {
	text-align: center;
}