@import url('https://fonts.googleapis.com/css?family=Questrial');
.fireButton {
    font-size: 20px;
    font-weight: 800;
    font-family: cursive;
    line-height: 1;
    padding: 10px;
    background-color: #881515;
    color: #fff;
    text-shadow: 2px 2px 5px #000;
    transition: 0.2s;
    border: solid 1px white;
    margin: 0 0 0 10px;
}

.fireButton:hover:enabled {
    color: #fff;
    background-color: #ff0000;
    box-shadow: 5px 2px 10px rgb(70, 70, 70);
}
#start-game{
    width: 330px;
    text-align: center;
    font-family: cursive;
    font-size: 20px;
    font-weight: 800;
    line-height: 1;
    background-color: #679b36;
    color: #fff;
    text-shadow: 2px 2px 5px #000;
    transition: 0.2s;
    border: 1px solid white;
    border-radius: 10px;
    padding: 3% 0;
    -webkit-text-size-adjust: auto;
    -moz-text-size-adjust: auto;
    margin: 0 0 0 10px;
}

/* CANVAS, CANNONBALL, CANNON CSS */
#gameCanvas {
    /* margin: 0 auto; */
   /* margin-top: 30px;
    margin-left: 30px;
    margin-bottom: 5px;*/
    margin: 30px 0 5px 30px;
    background-color: rgb(247, 245, 245);
    border: 1px solid #888;
    width: 1140px;
    height: 432px;
    background-image: url(Ocean_1.png);
    background-repeat: repeat;
    border-radius: 10px;
    box-shadow: 2px 2px 10px rgb(70, 70, 70);
}
#border{
    margin: 30px 0 5px 30px;
    background-color: rgb(247, 245, 245);
    border: 1px solid #888;
    width: 1210px;
    height: 900px;
    border-radius: 10px;
    box-shadow: 2px 2px 10px rgb(70, 70, 70);
}