body > * {
  margin-left:auto;
  margin-right:auto;
  text-align:center;
  font-family:sans-serif;
}
table {
	text-align:center;
	width:50%;
	margin: 10px auto;
	border:5px solid #000;
	box-shadow:1px 1px 10px #343434;
	background-color:#FFF;
	}

h1 {
  color:#000;
  padding:1% 0 0 0;
    
}
table#tictac td {
 width:1.3em;
  height:1.3em;
  text-align:center;
  vertical-align:center;
  font:bold 36px sans serif;
    
}

td#cell0, td#cell1, td#cell2, td#cell3, td#cell4,
 td#cell5  {
  
  border-bottom: 3px solid #000
} 

td#cell0, td#cell1, td#cell3, td#cell4, td#cell6,
 td#cell7  {
  
  border-right: 3px solid #000
} 

div#result {
  margin: 0.5em;
  font: 24px san-serif;
}

section {
	background-color:#DDD;
	max-width:400px;
	width:100%;
	margin:2% auto;
	text-align:center;
	box-shadow:0px 0px 20px #343434;
	position:relative;
	z-index:1;
	
}
button {
	margin-bottom:20px;}
	
 img[alt="CSS Validate"], img[alt="html5 Validate"] {
	 width:44px;
	 height:15px;
	display:inline-block;
	
	 margin: 10px auto;
	 text-align:center;
	 }
	 div.val {
		 width:100%;
		 margin:0 auto;
		 text-align:center}