body{
    font-family: Arial;
    text-align: center;
    background-color: orange;
}

#board{
    height: 780px;
    width: 900px;
    
    border: 10px solid Brown;

    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
}

.tile{
    height: 126px;
    width: 146px;
    

    
    border: 2px solid black;
}

#options{
    display: flex;
    justify-content: center;
    align-items: center;

    margin: 10px auto;
}


.pieceOptions{ 
    height: 126px;
    width: 146px;    
    

    margin: 10px;
    border: 5px solid Brown;
}

.WhiteKitten{
    background-image: url("Images/white-kitten.png");
    background-repeat: no-repeat;
    background-position: center;
}
.BlackKitten{
    background-image: url("Images/black-kitten.png");
    background-repeat: no-repeat;
    background-position: center;
}
.WhiteCat{
    background-image: url("Images/white-cat.png");
    background-repeat: no-repeat;
    background-position: center;
}
.BlackCat{
    background-image: url("Images/black-cat.png");
    background-repeat: no-repeat;
    background-position: center;
}

#TurnTracker{
    border: 10px solid Brown;
}

.Black{
    background-color: Black;    
}

.White{
    background-color: white;
}

#KittenPicker{
    background-image: url("Images/grey-kitten.png");
    background-repeat: no-repeat;
    background-position: center;
}

#CatPicker{
    background-image: url("Images/grey-cat.png");
    background-repeat: no-repeat;
    background-position: center;
}



.tileDown{
    background-color:lightgray;
}

.tileColor{
    background-color:gray;
}

.tileColorBrown{
    background-color:brown;
}