game.css

body{
  background-color: rgba(234, 235, 240, 0.918);
  margin: 0px;
  overflow-x: hidden;
}
#main{
  float: left;
}
td{
  width: 145px;
  height: 145px;
  border: 6px solid black;
  transition: all 5s ease-out;
  border-style: double;
}
tr{
  width: 360px;
  height:120px;
  border: 4px solid black;
}
.sq{
  text-align:center;
  font-size: 95px;
  transition:all 0.9s;
}

.record{
  float: right;
  padding: 100px;
}
#head{
  background-color: rgb(64, 163, 190);
  margin:0px auto;
  height: 130px;
  text-align: center;
  font-size: 100px;
}
#s1{
  border-top : hidden;
  border-left: hidden;
}
#s2{
  border-top: hidden;

}
#s3{
  border-top: hidden;
  border-right: hidden;

}
#s4{
  border-left: hidden;
}
#s6{
  border-right:hidden;
}
#s7{
  border-left:hidden;
  border-bottom:hidden;
}
#s8{
  border-bottom: hidden;
}
#s9{
  border-bottom: hidden;
  border-right: hidden;
}
h3#message{
  color: white;
  transition:all 0.7s;
  margin: 0px;
  width: 100%;
  text-align:center;
  font-size: 22px;
  margin:0 auto;
  height: 30px;
  padding-bottom: 0px;
}
h3#message:hover {
  color:rgb(1,190,22);
}
h1{
  font-family: 'Dosis', sans-serif;
}
.new{
  color:#dc3545;
}
#nav{
  background-color: grey;
  padding:1px;
  height: 35px;
}
.xum{
  color: #dc3545;
  transition: all 0.9s;
}
button#reset_game{
  padding: 0px;
  height:34px ;
  border :0px;
  color: white;
  font-size: 20px;
  margin:0 auto;
  width: 100%;
  background-color: grey;
}
button#reset_game:hover{
  background-color:#dc3545;
  color:white;
  transition:all 0.8s;
}
*{
  font-family: 'Josefin Sans', sans-serif;
}
@media (min-width:353px)and(max-width:565px){
  h1#head{
    font-size: 40px;
    color:#dc3545;
  }

}