body {
}

._board {
    background-color:aquamarine;
    background-image:url("img/board0.PNG");
    background-size:320px;
    width:320px;
    height:320px;
}

._board_r {
    background-color: aquamarine;
    background-image: url("img/board1.PNG");
    background-size: 320px;
    width: 320px;
    height: 320px;
}

.cbb {
    background-image: url("img/pieces/_.svg");
    background-size: 30px;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.3;
    width: 40px;
    height: 40px;
    float: left;
    cursor: pointer;
}

.cbbb {
    border: solid 2px yellow;
    background: none;
    width: 40px;
    height: 40px;
    float: left;
    cursor: pointer;
}

._ {
    background-image: url("img/pieces/_.svg");
    background-size: 30px;
    background-position: center;
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    float: left;
}

._bb {
    background-image: url("img/pieces/bb.svg");
    background-size: 30px;
    background-position: center;
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    float: left;
}

._wb {
    background-image: url("img/pieces/wb.svg");
    background-size: 30px;
    background-position: center;
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    float: left;
}

._bp {
    background-image: url("img/pieces/bp.svg");
    background-size: 30px;
    background-position: center;
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    float: left;
}

._wp {
    background-image: url("img/pieces/wp.svg");
    background-size: 30px;
    background-position: center;
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    float: left;
}


._bn {
    background-image: url("img/pieces/bn.svg");
    background-size: 30px;
    background-position: center;
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    float: left;
}

._wn {
    background-image: url("img/pieces/wn.svg");
    background-size: 30px;
    background-position: center;
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    float: left;
}

._br {
    background-image: url("img/pieces/br.svg");
    background-size: 30px;
    background-position: center;
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    float: left;
}

._wr {
    background-image: url("img/pieces/wr.svg");
    background-size: 30px;
    background-position: center;
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    float: left;
}


._bq {
    background-image: url("img/pieces/bq.svg");
    background-size: 30px;
    background-position: center;
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    float: left;
}

._wq {
    background-image: url("img/pieces/wq.svg");
    background-size: 30px;
    background-position: center;
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    float: left;
}

._bk {
    background-image: url("img/pieces/bk.svg");
    background-size: 30px;
    background-position: center;
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    float: left;
}

._wk {
    background-image: url("img/pieces/wk.svg");
    background-size: 30px;
    background-position: center;
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    float: left;
}

.lastMovex {
    background-color: lightgoldenrodyellow;
    opacity: 0.1;
    background-size: 30px;
    background-position: center;
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
}

.lastMove {
    border: solid 2px yellow;
    width: 36px;
    height: 36px;
}

.clicked {
    background-color: olive;
    opacity: 0.5;
    background-size: 30px;
    background-position: center;
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
}

.field {
}