#board {
    margin-top: 80px;
}

#tiles {
    min-width: 500px;       
}
.row {
    display: flex;
    justify-content: center;  
}


.tile {
    display: flex;
    align-items: center;
    justify-content: center;  
    background-color: rgb(196, 221, 221);     
    height: 45px;
    width: 45px;
    min-width: 45px;
    border-left: 1px solid goldenrod;
    border-bottom: 1px solid goldenrod;     
}

.row:nth-child(1)  .tile {
    border-top: 1px solid goldenrod;
}

.row .tile:nth-last-child(1) {
    border-right: 1px solid goldenrod;
}


.freeTile {
    cursor:pointer;
}

.catTile {
    background-image: url("/img/cat/cat.png");
    background-size: cover;
    cursor:pointer;    
}

.bathTile {
    background-image: url("/img/cat/bath.png");
    background-size: cover;
}

.caughtTile {
    background-image: url("/img/cat/cat.png"), url("/img/cat/bath.png");
    background-size: cover;
}

#gameInfo {
    text-align: center;
    margin: 5px auto;
    font-size: larger;
}

#gameInfo div {
    font-size: smaller;
    margin-bottom: 15px;
}

.reset {
    background-color: goldenrod;
    cursor: pointer;
    color: darkslategray;
    font-size: larger;
    width: 300px;
    margin: 5px auto;
    display: block;
    text-align: center;
    border-radius: 10px;
}

.endGame {
    color: goldenrod;
}

h3 {
    -webkit-margin-before: 0.8em;
    -webkit-margin-after: 0.2em;
}