body{
margin:0;
padding:20px;
font-family:Arial;
background:#1f1f1f;
color:white;
text-align:center;
}

h1{
margin-bottom:20px;
}

#board{

width:500px;
height:500px;

margin:auto;

display:grid;

grid-template-columns:repeat(10,1fr);

border:5px solid white;
}

.cell{

border:1px solid black;

display:flex;

justify-content:center;

align-items:center;

font-size:14px;

font-weight:bold;
}

.even{

background:#ffeb99;
}

.odd{

background:#9be7ff;
}

.player{

background:red !important;

color:white;
}

.controls{

margin-top:20px;
}

button{

padding:15px 30px;

font-size:20px;

cursor:pointer;

background:green;

color:white;

border:none;

border-radius:10px;
}

button:hover{

background:darkgreen;
}