html{
    background: url(background.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

body {
     /*background-color: #F0E68C;
    background-image: url(background.jpg);
    background-size: 100%;*/

}
#gameHeading {
    font-size: 50px;
    padding-left:35%;
    padding-top: 2%;
    text-shadow: 7px 5px 5px gray;

}

#divCtrlGame {
    padding-left:30%;

}
#boardDiv {
        /*padding-left:8%;*/

}
table {
    background-color: #CD853F;
    padding: 0.8%;
}
button {
    width:60px; 
    height:60px; 
    font-size:30px;
    background-color: #DEB887;
}
button:hover {
    background-color: #FAEBD7
}

select {
    font-size :17px;
}
span {
    font-size: 20px;
}

#btnNewGame {
    font-size:20px; 
    height:40px;
    width: 170px;
}

#btnStartOver {
    font-size:20px; 
    height:40px;
    width: 170px;
}

input {
    width: 20px;
}

.clickedButton{
    /*background-color: azure;*/
    background-color: #F0E68C;

    font-weight: normal  !important;
}

.gameButton{
    height: 60px;
    width: 60px;
    font-weight: bold;

}

.alert {
    color: red;
    font-weight: bold;

}

.paddingLeftSpan {
    padding-left: 20px;
}

footer {
    font-weight: bold;
    float: right;
    padding-right: 5%;
    font-size: 17px;
}