

/************table id= lihtne*************/


#lihtne{
    width: 60%;
    border: 1px solid black;
    height: 200px;
    border-collapse: collapse; /* üks joon border'is*/
}

#lihtne td{
    border: 1px solid black;
    text-align: center;
}

/* pseudostiilide kasutamine*/
#lihtne tr:nth-child(1) td:nth-child(1){ /*1.rida 1.lahter*/
    background-color: #4b0082;
}
#lihtne tr:nth-child(1) td:nth-child(2){ /*1.rida 1.lahter*/
    background-color: wheat;
}
#lihtne tr:nth-child(2) td:nth-child(1){ /*1.rida 1.lahter*/
    background-color: gray;
}
#lihtne tr:nth-child(2) td:nth-child(2){ /*1.rida 1.lahter*/
    background-color: red;
}

#keeruline1{
    width: 60%;
    border: 1px solid black;
    height: 200px;
    border-collapse: collapse;
}

#keeruline1 td{
    border: 1px solid black;
    text-align: center;
}

#keeruline2{
    width: 60%;
    border: 1px solid black;
    height: 200px;
    border-collapse: collapse;
}

#keeruline2 td{
    border: 1px solid black;
    text-align: center;
}

#keeruline3{
    width: 60%;
    border: 1px solid black;
    height: 200px;
    border-collapse: collapse;
}

#keeruline3 td{
    border: 1px solid black;
    text-align: center;
}

#keeruline4{
    width: 300px;
    border: 1px solid black;
    height: 300px;
    border-collapse: collapse;
}

#keeruline4 td{
    border: 1px solid black;
    text-align: center;
}
#keeruline4 tr:nth-child(1) td:nth-child(1){
    background-color: #4b0082;
}

#keeruline4 tr:nth-child(2) td:nth-child(1){
    background-color: deeppink;
}
#keeruline4 tr:nth-child(2) td:nth-child(2){
    background-color: red;
}

#keeruline4 tr:nth-child(2) td:nth-child(3){
    background-color: green;
}

#keeruline4 tr:nth-child(3) td:nth-child(1){
    background-color: blue;
}

#keeruline4 tr:nth-child(3) td:nth-child(2){
    background-color: cyan;
}

#keeruline4 tr:nth-child(3) td:nth-child(3){
    background-color: darkcyan;
}

#keeruline4 tr:nth-child(4) td:nth-child(1){
    background-color: lime;
}

#keeruline4 tr:nth-child(4) td:nth-child(2){
    background-color: greenyellow;
}

#keeruline4 tr:nth-child(5) td:nth-child(1){
    background-color: purple;
}

#keeruline4 tr:nth-child(6) td:nth-child(1){
    background-color: hotpink;
}

#parktilinetoo{
    empty-cells: show;
    width: 300px;
    border: 1px solid black;
    height: 300px;
    border-collapse: collapse;
}

#parktilinetoo td{
    border: 1px solid black;
    width: 5%;
    height: 5%;
    text-align: center;
}

#parktilinetoo tr:nth-child(1) td:nth-child(1){
    background-color: #4b0082;
}

#parktilinetoo tr:nth-child(1) td:nth-child(2){
    background-color: #4b0082;
}
#parktilinetoo tr:nth-child(1) td:nth-child(3){
    background-color: deeppink;
}

#parktilinetoo tr:nth-child(1) td:nth-child(4){
    background-color: deeppink;
}
#parktilinetoo tr:nth-child(1) td:nth-child(5){
    background-color: red;
}

#parktilinetoo tr:nth-child(2) td:nth-child(1){
    background-color: purple;
}

#parktilinetoo tr:nth-child(2) td:nth-child(2){
    background-color: purple;
}

#parktilinetoo tr:nth-child(3) td:nth-child(1){
    background-color: mediumpurple;
}

#parktilinetoo tr:nth-child(3) td:nth-child(2){
    background-color: mediumpurple;
}

#parktilinetoo tr:nth-child(4) td:nth-child(1){
    background-color: mediumpurple;
}

#parktilinetoo tr:nth-child(4) td:nth-child(2){
    background-color: mediumpurple;
}

#parktilinetoo tr:nth-child(4) td:nth-child(1){
    background-color: blueviolet;
}

#parktilinetoo tr:nth-child(4) td:nth-child(2){
    background-color: blueviolet;
}
#parktilinetoo tr:nth-child(4) td:nth-child(3){
    background-color: blueviolet;
}

#parktilinetoo tr:nth-child(4) td:nth-child(4){
    background-color: blueviolet;
}

#lisa{
    empty-cells: show;
    width: 300px;
    border: 1px solid black;
    height: 300px;
    border-collapse: collapse;
}

#lisa td{
    border: 1px solid black;
    width: 5%;
    height: 5%;
    text-align: center;
}

#lisa tr:nth-child(1) td:nth-child(1){
    background-color: #4b0082;
}

#lisa tr:nth-child(1) td:nth-child(5){
    background-color: #4b0082;
}

#lisa tr:nth-child(2) td:nth-child(2){
    background-color: #4b0082;
}

#lisa tr:nth-child(2) td:nth-child(4){
    background-color: #4b0082;
}

#lisa tr:nth-child(3) td:nth-child(3){
    background-color: #4b0082;
}

#lisa tr:nth-child(4) td:nth-child(4){
    background-color: #4b0082;
}

#lisa tr:nth-child(4) td:nth-child(2){
    background-color: #4b0082;
}

#lisa tr:nth-child(5) td:nth-child(1){
    background-color: #4b0082;
}

#lisa tr:nth-child(5) td:nth-child(5){
    background-color: #4b0082;
}
