*{
	margin:0px;	
}
body{
	margin:0px;
	padding:0px;
	background-color:#0e1327;
	user-select: none;
	-webkit-user-select: none; /* Safari */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
#tablo{
	position:absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.kutu{
    float:left;
	background-color:#0e1327;
	background-repeat: no-repeat;
	background-size: 60%;
	background-position:center;
	margin:0px;
	width:150px;
	height:150px;
	line-height:50px;
	text-align:center;
	font-family:Arial;
	color:#333;
	border:0px solid #fff;
	box-sizing: border-box;
}
#oyun{
	position:relative;
	width:100px;
	height:100px;
	text-align:center;
	border:0px solid #333;
	overflow:hidden;
	box-sizing: border-box;
}
#mesaj{
	display:none;
	position:absolute;
	width:50%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color:rgba(0, 0, 0, 0.8);
	border:3px solid #000;
	border-radius: 10px;
	font-family:arial;
	font-weight:bold;
	color:#fff;
	padding:10px;
	animation: fadein 0.5s;
}
#mesaj-img{
	text-align:center;
}
@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
#skor{
	position:relative;
	font-family:arial;
	font-weight:bold;
	color:#fff;
	background-color:#1a264e;
	border-radius: 25px;
	text-align:center;
	overflow:hidden;
}
#skor-x{
	float:left;
	display:inline-block;
}
#skor-x-scor{
	float:left;
	display:inline-block;
}
#skor-o-scor{
	float:right;
	display:inline-block;
}
#skor-o{
	float:right;
	display:inline-block;
	text-align:right;
	right:15px;
	top:5px;
}
#yeni{
	cursor:pointer;
}