style.css

body {
    
    width: 100%;
    height: 100%;
    background-color: #050826;
    color: #ddd;
}

h1 {
	
	font-family: helvetica;
	color: #42f4a4;
	font-size: 70px;
}

h2 {
	
	font-family: helvetica;
	color: #eee;
	font-size: 30px;
}

.options {
	
	font-family: helvetica;
	color: #eee;
	font-size: 90px;
	margin: 20px auto;
	padding: 20px;
    text-align: center;
	
}

.separator {
	font-size: 120px;
	margin-top: 0px;
	padding-top: 0px;
}

#chessfield {

	margin: 20px auto;
	width: 600px;
	height: 600px;
	border-collapse: collapse;

}

table td {
    border: 1px solid white;
    text-align: center;
    font-size: 100px;
    color: orange;
    cursor: pointer;
}

td { 
  width: 200px;
  height: 200px;
 }

 #optionX, #optionY {
 	cursor: pointer;
 }

 #result {
 	margin: 60px auto;
 	text-align: center;
 }