﻿body {
    font: 10px xxxGeorgia, Arial, Times-Roman, serif;
}
.header {
    color: darkgray;
    font-size: 2em;
    margin-left: 50px;
}
.chessBoard {
    margin-left: 50px;
    border: solid;
    border-color: white;
    border-width: 4px;
    background-color: green;
}
.square {
    float: left;
    color: gray;
    text-align: center;
}
.squareLast {
    background-color: goldenrod;
}
.squareLastNumber {
    color: darkgreen;
    font-weight: bold;
}
.squareWrong {
    color: darkred;
}
.squareWhite {
    background-color: lightgray;
}
.squareBlack {
    background-color: darkgray;
}
.squareLandable {
    opacity: 0.5;
    cursor: pointer;
}
.squareNumber {
    
}
.squareRest {
    color: rgba(255, 0, 0, 0.3);
}