#image
{
position:absolute;
left:20%;
}
body{
    margin:0;
    padding:0;
    background: url('Bg.jpg') no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
h1
{
    text-align:center;
    color:coral;
    word-spacing:7px;
    font-family: 'Rowdies', cursive;
}
.color-change
{
    color:#d3d3d3;
    }
td{
    margin:0;
    padding:0;
    border:4px solid #696969;
    height:80px;
    width:80px;
    cursor:pointer;
    font-size:50px;
    vertical-align:middle;
    text-align:center;
    font-family:"Sens-serif";
    color:white;
}
table{
    border-collapse:collapse;
    margin-left:0px;
    margin-top:40px;
    display:flex;
    justify-content:center;
}
table tr:first-child td{
    border-top:0;
}
table tr:last-child td{
    border-bottom:0;
}
table tr td:first-child{
border-left:0;
}
table tr td:last-child{
    border-right:0;
    }
    .text
    {   flex-wrap:wrap;
        font-size:30px;
        color:#d3d3d3;
        text-align:center;
        white-space:nowrap;
        position: absolute;
        left:32%;
        top:70%;
    }
    #button-1
    {
        position:absolute;
        bottom:30px;
        left:5px; 
        padding:10px 15px;
        font-family: 'Krona One', sans-serif;
    }
    #button-2
    {
        position:absolute;
        bottom:30px;
        right:5px;
        padding:10px 15px;
        font-family: 'Krona One', sans-serif;
    }
    hr
    {
        color:white;
        width:100px;
    }