.casilla{
    width:50px;
    height: 50px;
    margin:0;
    font-family: 'Barrio';
    font-size: 50px;
    border: dotted 0.04px;
}


.casillaBlanca{
    background-color: antiquewhite;
}

.casillaNegra{
    background-color: rgb(133, 34, 34);
}

.b{
    background-image: url('recursos/b.png');
    background-size: 40px;
    background-repeat: no-repeat;
    background-position: 3px 3px;
}

.n{
    background-image: url('recursos/n.png');
    background-size: 40px;
    background-repeat: no-repeat;
    background-position: 3px 3px;
}

.vacio{
    background-image: none;
}

.rn{
    background-image: url('recursos/rn.png');
    background-size: 40px;
    background-repeat: no-repeat;
    background-position: 3px 3px;
}

.rb{
    background-image: url('recursos/rb.png');
    background-size: 40px;
    background-repeat: no-repeat;
    background-position: 3px 3px;
}

.habilitado{
    background-color: rgb(255, 212, 20);
}

#mensajeTurno{
    float: left;
}

#tablero{
    float:left;
    border: solid 10px;
    border-style: ridge;
    margin: 0;
    padding: 0;
    border-color: rgb(168, 86, 27);
    background-color: rgba(14, 34, 28, 0.822);
}

#mensajes{
    float: bottom;
}