#eesti{
    width: 330px;
    height: 210px;
    border: 1px solid grey;
    border-spacing: 0;
    position: absolute;
    top:50px;
    left:20px;
}
#eesti tr:nth-child(1){ /*1 rida*/
    background-color: blue;
}
#eesti tr:nth-child(2){
    background-color: black;
}
#eesti tr:nth-child(3){
    background-color: white;
}
#rootsi{
    width: 330px;
    height: 210px;
    border: 1px solid grey;
    border-spacing: 0;
    position: absolute;
    top:50px;
    left:370px;
}
#rootsi tr:nth-child(1) td:nth-child(1),
#rootsi tr:nth-child(3) td:nth-child(1)
{
    background-color: blue;
    width: 100px;
}
#rootsi tr:nth-child(1) td:nth-child(3),
#rootsi tr:nth-child(3) td:nth-child(3)
{
    background-color: blue;
    width: 180px;
}
#rootsi tr:nth-child(1) td:nth-child(2),
#rootsi tr:nth-child(3) td:nth-child(2) {
    background-color: yellow;
    width: 40px;
}
#rootsi tr:nth-child(2){
    background-color: yellow;
    height: 45px;
}
#arabia{
    width: 330px;
    height: 210px;
    border: 1px solid grey;
    border-spacing: 0;
    position: absolute;
    top:50px;
    left:750px;
}
#arabia tr:nth-child(1) td:nth-child(1){
    background-color: red;
    width: 100px;
    height:210px ;
}
#arabia tr:nth-child(2) td:nth-child(1){
    background-color: green;
    width: 330px;
    height:70px ;
}
#arabia tr:nth-child(3) td:nth-child(1){
    background-color:white;
    width: 330px;
    height:70px ;
}
#arabia tr:nth-child(4) td:nth-child(1){
    background-color: black;
    width: 330px;
    height:70px ;
}
#france {
    width: 330px;
    height: 210px;
    border: 1px solid grey;
    border-spacing: 0;
    position: absolute;
    top: 300px;
    left: 20px;
}
#france tr td:nth-child(1) {
    background-color: blue;
    width: 110px;
}
#france tr td:nth-child(2) {
    background-color: white;
    width: 110px;
}
#france tr td:nth-child(3) {
    background-color: red;
    width: 110px;
}

#japan {
    width: 330px;
    height: 210px;
    border: 1px solid grey;
    border-spacing: 0;
    position: absolute;
    top: 300px;
    left: 400px;
    background-color: white;
}

#japan td {
    width: 300px;
    height: 200px;
    background-color: white;
    position: relative;
}


#japan td::before {
    content: "";
    width: 100px;
    height: 100px;
    background-color: red;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#tabel{
    position: absolute;
    top: 600px;
    left: 20px;
    border: 1px solid black;
    width:40%;
    height: 35%;
    text-align: center;
}
#tabel td {
    border: 2px solid black;
}
.red {
    background-color: red;
}
.drkred {
    background-color: darkred;
}
.green {
    background-color: green;
}
.blue {
    background-color: blue;
}
.purple {
    background-color: purple;
}
.white {
    background-color: white;
}
.yellow {
    background-color: yellow;
}
.orange {
    background-color: orange;
}
.rose {
    background-color:mediumvioletred;
}
.lghtrose {
    background-color:plum;
}