.square {
    width: 50px;
    height: 50px;
}

.light-brown {
    background-color: #b5651d;
}

.biege {
    background-color: #f5f5dc;
}

.light-biege {
    background-color: #e1c699;
}

.white {
    background-color: #ffffff;
}

.dark-brown {
    background-color: #654321;
}

.light-grey {
    background-color: #cdcdcd;
}

.grey {
    background-color: #797979;
}

.dark-biege {
    background-color: #b29966;
}

.dark-grey {
    background-color: #666666;
}

.brown {
    background-color: #964b00;
}

.black {
    background-color: black;
}

.blue {
    background-color: blue;
}

.green {
    background-color: green;
}

.pink {
    background-color: pink;
}

.ochre {
    background-color: #cc7722;
}

.terracotta {
    background-color: #c45824;
}

.dark-green {
    background-color: darkgreen;
}

.light-green {
    background-color: lightgreen;
}

.concrete {
    background-color: #ecebeb;
}

.layer {
    background-color: #ddd1c0;
}

.earth {
    background-color: #f6e9d6;
}

.travertin {
    background-color: #f6e9d6;
}

.iron {
    background-color: #7d7977;
}

.marble {
    background-color: #7d7977;
}