body
{
background-color:#CFE;
}

div.gamebox
{
margin: 0px auto;
box-shadow: 0 0 20px black;
background-color:white;
}

div.main
{
width:366px;
}

.cell
{
width:50px;
height:50px;
background-color:#FE5;
padding:0px;
border-radius: 5px;
margin: 0px auto;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}

.over
{
position:relative;
top:-300px;
width:320px;
height:77px;
background-color:white;
visibility:hidden;
border-radius: 3px;
box-shadow: 0 0 20px black;

}

.help
{
position:relative;
top:-600px;
width:320px;
height:240px;
background-color:white;
visibility:hidden;
border-radius: 3px;
box-shadow: 0 0 20px black;
padding: 5px;

}

.center
{
margin: 0px auto;
}

h1{text-align:center; padding:20px;}
h2{text-align:center; padding:5px;}
input{text-align:center;}

.button {
text-align:center;
margin: 20px auto;
width:100px;
padding: 3px;
font-weight: bold;
font-size: 18px;
text-shadow: 1px 1px 1px black;
border-radius: 3px;
box-shadow: 0 0 5px black;
color:white;
text-decoration: none;
text-align:center
display: block;
font-family: 'Segoe UI', 'Ubuntu', 'Arial', sans-serif;
border: 1px solid;
border-color: #aaa #000 #000 #aaa;
background: #fc0;
	-webkit-transition: all 0.12s ease;
	-moz-transition: all 0.12s ease;
	-o-transition: all 0.12s ease;
	transition: all 0.12s ease;
cursor:pointer;
}

.button:hover
{
position: relative;
top: 1px;
left: 1px;
border-color: #000 #aaa #aaa #000;
}

.mainpic
{
width:800px;
height:600px;
}