style.css

body{
	background-color:aqua;
  
  background-repeat:no-repeat;
	background-attachment: fixed;
  background-size:cover;
}
.select,.title{
  text-align: center;
  margin-bottom: 50px;
  font-size: 40px;
  color:blue;
  text-decoration: wavy;
}
option,.options{
  font-size: 35px;
}
select{
  font-size: 30px;
}


/* Settings grid layout for container and position
auto template for center alignment
*/
.opt{
  display: flex;
}
.game-container {
  margin: 0px 450px;
    display: grid;
    grid-template-columns: auto auto auto;
    position: absolute;
    /*margin-left: 35%;*/
    

}
h1{
text-align: center;
color: snow;
margin-right: auto;
font-size: 45px;
}

/* Settings for individual cells in grid
user-select for disable text highlight
*/
.cell {
    height: 100px;
    width: 100px;
    border: 4px solid black;
    cursor: pointer;
    font-size: 85px;
    padding: 5px;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color:white;
    text-decoration:wavy;
}

.restart {
    font-size:25px;
    padding: 7px;
    margin-top:400px;
    margin-left: 578px;
    display: inline-block;
    ;
}
.restart:hover{
  color: blue;
}

/* Remove outline border to look like an tic tac toe board
*/
#c00, #c01, #c02 {
    border-top: none;
}
#c00, #c10, #c20 {
    border-left: none;
}
#c02, #c12, #c22 {
    border-right: none;
}
#c20, #c21, #c22 {
    border-bottom: none;
}
@media screen and (max-width: 750px){
  .game-container{margin: 30px 28px;}
  .select{font-size: 22px;}
  select{font-size: 18px;}
  h1{font-size: 27px;}
  .restart{font-size: 15px; margin-left: 188px;}
  body{ background-size:cover;}
}