body{
	margin: 0;
	padding: 0;
	//display: flex;
	//justify-content: center;
	//align-items: center;
	height: 100vh;
	//flex-direction: column;
	
}

#tabla{
	width: 300px;
	height: 300px;
	background-color:black;
	display: flex;
	flex-wrap: wrap;
	border: solid 1px black;
	
}

.negyzet{
	width: 100px;
	height: 100px;
	background-color: white;
	border: solid 2px black;
	box-sizing: border-box;
	display:flex;
	justify-content: center;
	align-items: center;
}

.kor{
	width: 90px;
	height: 90px;
	border-radius: 50%;
	border: 15px solid blue;
	box-sizing: border-box;
	
}

.kereszt{
	width: 90px;
	height: 90px;
    position: relative;	
	transform: rotate(45deg);
	
	
}
.kereszt:before, .kereszt:after{
	content: "";
	position: absolute;
	background-color: red;
	
}

.kereszt:before{
	left: 50%;
	width: 30%;
	margin-left: -15%;
	height: 100%;
}

.kereszt:after{
	top: 50%;
	height: 30%;
	margin-top: -15%;
	width: 100%;
}