style.css

body {
  background-color:blue;
  text-align: center;
  font-size: px;
}
input[type=button],.button {
  background-color: crimson;
  color:rgb(22, 2, 68);
  font-family: "MaShanZeng";
  font-size:60px;
  border: none;
  padding: 25px 60px;
  margin: 12px 50px;
  border-radius: 40px;
}
input[type=button]:hover,.button:hover {
  background-color:orangered;
}
div.tttboard{
  width: 600px;
  height: 600px;
  margin: 0 auto;
  background-color:yellow; 
}

div.player{
  width: 604px;
  padding-top: 0px;
  color:orangered;
  font-size: 40px;
}
input.playername{
  width : 200px;
  padding : 0px 20px;
  margin : 0px 0px;
  background-color:aqua ;
  border:none;
  font-size: 35px;
}


input[type='submit']{
  width: 150px;
  height: 60px;
  font-size: 30px;
  color: blue;
  border: 0px solid black;
  background-color: mediumspringgreen;
}
div[id^="row"] div {
  width: 200px;
  height: 200px;
  border: 4px groove blue;
  float: left;
  box-sizing: border-box;
  font-family: "Permanent Marker", cursive;
}
div[id^="row"] div:first-child {border-left: none;}
div[id^="row"] div:last-child {border-right: none;}
div[id^="row-1"] div {border-top: none;}
div[id^="row-3"] div {border-bottom: none;}
div[id^="row"] {
  overflow:hidden;
  clear: both;
}

.currentgame{
  font-size:40px;
  padding-top: 15px;
  color: orangered;
}



span {
  font-size: 100px;
  padding-top: 40px;
  display: inline-block;    
}