/* Table style */
#one , #Two , #Three , #four ,#five ,#six {
  border-bottom: 2px solid rgb(79, 79, 79);   
}

#Two , #Three , #five ,#six , #eight , #nine{
  border-left: 2px solid rgb(79, 79, 79);
}
 
td{
    width: 10%;
    height: 100px;
    font-size: 50px;
    line-height: 100px;
    cursor: pointer;
}

td:hover{
    background: rgba(255,192,203, 0.2);
}
  
table{
      margin: 0 auto;
      height: 400px;
      margin-top: 60px;
      text-align: center;
      color:rgb(255, 255, 255);
      width:30%;
  }
/* End of Table style */

/* Buttons style */
#buttons{
    text-align: center;
}

button{
     margin: 0 auto;
     margin-top: 50px;
     width: 250px;
     height: 40px;
     border-radius: 6px;
     background-color: rgb(95, 118, 247);
     color:rgb(255, 255, 255);
     font-size: 20px;
 }

/* restart Button style */
 #restart{
     margin-right: 14px;
 }

button:hover{
    background-color: rgb(39, 40, 46);
    border: 2px solid rgb(102,51,153);
 }

#playWitheComputer{
    background-color:rgb(134, 114, 247);
}

a{
    color:rgb(255, 255, 255);
}

a:hover{
    color:rgb(0, 0, 0);
    text-decoration: none;
}


.spanForScore{
    color:rgb(221, 71, 71);
}
/* End of Buttons style */

/* paragraph (P) style */
#scoreX{
    display: inline;
 }

#scoreO{
    display: inline;
    margin-left: 35px;
}

#scoreTie{
    display: inline; 
    margin-left: 35px;
}

#score{
    margin-top: 50px;
    text-align: center;
    font-size: 19px;
    background: rgba(156, 152, 184, 0.1);
    width: 36%;
    margin: 40px auto;
    margin-bottom: 0px;   
}
/* End of paragraph (P) style */

img{
    position: absolute;
    top:5px;
    left: 10px;
    width: 70px;
}

#logo{
    font-family: 'Staatliches', cursive;
    position: absolute;
    top:25px;
    left: 70px;
    font-size: 35px;
}

#h2One{
    color:rgb(83, 53, 249);
}

#h2Two{
    color:rgb(102,51,153);
}