/* Game - Start */

.gameBoard {
    width: 310px;
    max-height: 310px;
    background-color: black;
    padding: 5px;
    border-radius: 5px;
}

    .gameBoard .tile {
        display: inline-block;
        width: 100px;
        height: 100px;
        max-height: 100px;
        margin: 0px;
        padding: 0px;
    }

    .gameBoard .tileImg0 {
        background-image: url("/img/Tiles0.jpg");
    }

    .gameBoard .tileImg1 {
        background-image: url("/img/Tiles1.jpg");
    }

    .gameBoard .tileImg2 {
        background-image: url("/img/Tiles2.jpg");
    }

    .gameBoard .tileImg3 {
        background-image: url("/img/Tiles3.jpg");
    }

    .gameBoard .tileImg4 {
        background-image: url("/img/Tiles4.jpg");
    }

    .gameBoard .tileImg5 {
        background-image: url("/img/Tiles5.jpg");
    }

    .gameBoard .tileImg6 {
        background-image: url("/img/Tiles6.jpg");
    }

        .gameBoard .tile.hide {
            background-image: none;
            background-color: whitesmoke;
        }

        .gameBoard .tile.position0 {
            background-position: 0 0;
        }

        .gameBoard .tile.position1 {
            background-position: -100px 0;
        }

        .gameBoard .tile.position2 {
            background-position: -200px 0;
        }

        .gameBoard .tile.position3 {
            background-position: 0 -100px;
        }

        .gameBoard .tile.position4 {
            background-position: -100px -100px;
        }

        .gameBoard .tile.position5 {
            background-position: -200px -100px;
        }

        .gameBoard .tile.position6 {
            background-position: 0 -200px;
        }

        .gameBoard .tile.position7 {
            background-position: -100px -200px;
        }

        .gameBoard .tile.position8 {
            background-position: -200px -200px;
        }

/* Game - End */