.game {
  height: 60vmin;
  width: 60vmin;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 1vmin;
}

.container {
  height: 70vmin;
  display: flex;
  justify-content: center;
  align-items: center;
}

body {
  text-align: center;
  background-color: rgb(191, 180, 143);
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.box {
  height: 19vmin;
  width: 19vmin;
  background-color: rgb(242, 239, 233);
  font-size: 8vmin;
  font-weight: 700;
  font-family: Arial, Helvetica, sans-serif;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 2vmin;
  border-color: transparent;
}


.darkBox {
  height: 19vmin;
  width: 19vmin;
  background-color: #292929;
  font-size: 8vmin;
  font-weight: 700;
  font-family: Arial, Helvetica, sans-serif;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 2vmin;
  border-top-color: #616161;
  color: rgba(255, 255, 255, 0.881);
}

.ticTacToeHeader {
  margin: 0;
  margin-top: 9vmin;
  font-size: 2rem;
  font-weight: 550;
}

.newGame {
  margin-top: 4vmin;
}

.newGame,
.resetGame,.Historybtn {
  height: 3vmin;
  width: 15vmin;
  color: white;
  display: flex;
  font-size: 2.2vmin;
  border-radius: 1vmin;
  justify-content: center;
  align-items: center;
  background-color: black;
}

.newGamebutton{
  height: 200vmin;
}

.resetGamebutton{
 margin-bottom: 13vmin;  
}

.GameText {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 4vmin;
}

.MainMenuContainer{
  height: 100vmin;
}

.HistoryContainer{
  height: 94vmin;
}

.WinnerText{
  height: 2vmin;
  align-items: center;
  font-size: 3vmin;
}

h4{
  margin: 2vmin;
  font-size: 2vmin;
}

.TotalScoreBoard{
  height: 10vmin;
  width: 90vmin;
  background-color: rgb(0, 0, 0,0.2);
}

.TotoalScoreBoardOuterPanel{
  display: flex;
  justify-content: center;
  align-items: center;
}

.TotalScoreBoard{
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2.2vmin;
  gap: 6vmin;
}

.ScoreBoardPreMsg{
  font-weight: 700;
  margin-left: 16vmin;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2.2vmin;
  gap: 6vmin;
}

.changeModeInMainMenu,.changeMode{
  height: 3vmin;
  width: 15vmin;
  color: white;
  display: flex;
  font-size: 2.2vmin;
  border-radius: 1vmin;
  justify-content: center;
  align-items: center;
  background-color: black;
  border: transparent;
}