body {
    background-image: url('MainCover.jpeg');
    background-size: cover;
    background-position: center;
    background-repeat : no-repeat;
    margin: 0;
    height:100vh;
}




h1{
text-align : center ; 
} 




div.TicTacToe1 { 
width: 300px ;
height: 300px ; 
grid-template-columns: repeat(3,1fr); 
grid-template-rows: repeat(3, 1fr);
gap: 0px; 
margin: 0 auto; 
display: grid;
} 





#scoreText {
    font-size: 24px;
}




div.TicTacToe2 {
    background-image: url("Timber.jpeg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border: 2px solid black;
    width: 100px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 50px;
    cursor: pointer;
}