body {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 0;
padding: 0;
background-color:rgb(43, 7, 44);
}

.container {
  display: flex;
  flex-direction: column;
  width: 300px;
  height: 300px;
  margin: 20px auto;
  border: 2px solid black;
}

.row {
  display: flex;
  flex: 1;
}

.col {
  flex: 1;
  border: 1px solid black;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2rem;
  cursor: pointer;
  transition: background 0.3s;
  background-color: #fff;
}

.col:hover {
  background: #f0f0f0;
}

.header {
  align-self: flex-start;
  width: 100%;
  /* background-color:rgb(189, 5, 91); */
  color:#ff697d;
  padding: 10px;
  margin-top: 0px;
  text-align: center;
  font-size:50px;
  font-weight:900;
}

.X {
  color: #ff0054; /* Neon pink for X */
}

.O{
  color:  #0731ae;;
}
.winner{
  color: #f0f0f0;
  font-size:30px;
}