body {
  background-color: black;
  color: white;
  font-family: 'Jersey 10', serif;
  font-size: 25px;
  background-image: url('bg7.gif');
  background-repeat: repeat; 
  text-align: center;
}

#board {
  width: 432px;
  height: 432px;
  border: 10px solid darkgray;
  background-color: #e8e8e8;
  background-size: contain;
  
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
}

#board div {
  width: 48px;
  height: 48px;
  box-sizing: border-box;
  border: 1px solid gray;
  
  font-family: 'Jersey 10', serif;
  font-size: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}
#board div:hover {
  background-color: #dbdbdb;
  cursor: pointer;
}
  
.tile-clicked {
 background: #c7c7c7; 
}

.x1 {
 color: #0999d6; 
}
.x2 {
 color: #5b940c; 
}
.x3 {
 color: #e33d27; 
}
.x4 {
 color: #0557a3; 
}
.x5 {
 color: #a12310; 
}
.x6 {
 color: #79f0f2; 
}
.x7 {
 color: #140211; 
}
.x8 {
 color: #d6d6d6; 
}


#game-cont {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 30px;

  margin-top: 0px;
}

#homer {
  width: 200px;
  height: auto;
}