body {
	background-color:yellow;
	font-family:Verdana;
}
.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}
#main {
	position:fixed;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	width:80%;

}

table {
	margin:0px auto;
	border:0px;
	border-spacing:0px;			
}
tr {
	height:100px;
	margin:0px auto;
}
td {
	width:100px;
	margin:0px auto;
	text-align:center;
	font-size:40px;
	font-weight:bold;
	cursor:pointer;
	border:2px solid black;
}
.checked {
	cursor:none;
}
.winner {
	background-color:green;
	color:white;
}
.disable {
	cursor:not-allowed;
}
#box1 {
	border-top:0px;
	border-left:0px;
}
#box2 {
	border-top:0px;
}
#box3 {
	border-top:0px;
	border-right:0px;
}
#box4 {
	border-left:0px;
}
#box6 {
	border-right:0px;
}
#box7 {
	border-left:0px;
	border-bottom:0px;
}
#box8 {
	border-bottom:0px;
}
#box9 {
	border-right:0px;
	border-bottom:0px;
}
#winner {
	text-align:center;
	position:absolute;
	top:-60px;
	left:50%;
	transform:translate(-50%, -50%);	
	width:100%;
	box-sizing:border-box;
	font-family:Arial;
}
#score {
	position:fixed;
	top:2;
	right:3;
	padding:10px;
	font-size:14px;
	font-family:Arial;
	background:white;
	border:1px solid black;	
	box-sizing:border-box;
}

#gamearea {
	text-align:center;
}
#playagain {
	position:absolute;
	font-size: 18px;
	margin-top:50px;
	left:50%;
	transform:translate(-50%, -50%);
	font-weight:bold;
	cursor:pointer;
}
@media only screen and (min-width: 320px) and (max-width:1100px) {
	#score {
		font-size:28px;					
	}
	tr {
		height:180px;	
	}
	td {
		width:180px;
		font-size: 54px;		
	}
	#playagain {
		font-size:26px;
	}
	h2 {
		font-size: 32px;
	}
}