index1.css

@CHARSET "UTF-8";
 
header{
    display:block;
	margin:0 auto;
	width:500px;
	text-align:center;
}

header h1{
font-family:Arial, Helvetica, sans-serif;
font-size:50px;
font-weight:bold;
color:#33FFFF;
display:block;
transition:all 0.2s;
}
header h1:hover{
transform:scale(1.2) rotate(360deg);
}

header p{
font-family:Arial, Helvetica, sans-serif;
font-size:30px;
margin:20px auto;
}

p #score{
font-family:Arial, Helvetica, sans-serif;
font-size:30px;
}
header .newgamebutton{
    width:100px;
    padding:10px;
	display:block;
	margin:0 auto;
    background:#ffee00 url(timg.png) no-repeat 30px;
	background-size:15% 30%;background-position:0% 50% ;
    font-family:Arial, Helvetica, sans-serif;
	font-weight:bolder;
    color:#2ecc71;
    border-radius:10px;
    text-decoration :none;
	border:2px solid rgba(255,255,255,0.8);
	transition:all 0.3s ease;
}

header .newgamebutton:hover{
    background-color:#FF6666;
    background-position:100% 50%;
	border:2px solid rgba(255,255,255,1);
	
}


span .line-top{
   background-color:#00FF33;
   width:0px;
   height:2px;
   display:block;
   position:absolute;
   top:-2px;
   left:-100%;
   transition:all 0.2s ease;
}
span .newgamebutton:hover .line-top{
   width:50px;
   left:-2px;
}

body{
    width:100%;
	height:100%;
	background-image:url(43b8f8890ecda746446adaaf35f8ceec.png);
	background-position:center;
	background-size:100% 100%;
}

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

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

.number-cell{
    width:100px;
    height:100px;
    border-radius:6px;
    line-height:100px;
    font:Arial, Helvetica, sans-serif;
    font-size:55px;
    font-weight:bold;
    text-align: center;
    position:absolute;
}





/* CSS Document */