table#lihtne{
    border: 1pt solid black;
    width:50%;
    height: 180px;
    border-collapse: collapse;
}
table#lihtne td{
    border: 1pt solid black;
    text-align:center;
}
table#lihtne tr:nth-child(1) td:nth-child(1){
    background-color: #754cf0;
}
table#lihtne tr:nth-child(1) td:nth-child(2){
    background-color: #8080e6;
}
table#lihtne tr:nth-child(2) td:nth-child(1){
    background-color: #87a6de;
}
table#lihtne tr:nth-child(2) td:nth-child(2){
    background-color: #8fccd6;
}
/******************Keeruline 1*****************/
table#keeruline1{
    border: 1pt solid black;
    width:50%;
    height: 180px;
    border-collapse: collapse;
}
table#keeruline1 td{
    border: 1pt solid black;
    text-align:center;
}
table#keeruline1 tr:nth-child(1) td:nth-child(1){
    background-color: #94e6d1;
}
table#keeruline1 tr:nth-child(1) td:nth-child(2){
    background-color: #8cbfd9;
}
table#keeruline1 tr:nth-child(2) td:nth-child(1){
    background-color: #8599e0;
}
/******************Keeruline 2*****************/
table#keeruline2{
    border: 1pt solid black;
    width:50%;
    height: 180px;
    border-collapse: collapse;
}
table#keeruline2 td{
    border: 1pt solid black;
    text-align:center;
}
table#keeruline2 tr:nth-child(1) td:nth-child(1){
    background-color: #96f2cf;
}
table#keeruline2 tr:nth-child(2) td:nth-child(1){
    background-color: #8fccd6;
}
table#keeruline2 tr:nth-child(2) td:nth-child(2){
    background-color: #87a6de;
}
table#keeruline2 tr:nth-child(2) td:nth-child(3){
    background-color: #7d73e8;
}
/******************Ülesanne*****************/
table#ülesanne{
    border: 1pt solid black;
    width:26%;
    height: 180px;
    border-collapse: collapse;
}
table#ülesanne td{
    border: 1pt solid black;
    text-align:center;
}
table#ülesanne tr:nth-child(1) td:nth-child(1){
    background-color:  #ff99ff;
}
table#ülesanne tr:nth-child(1) td:nth-child(2){
    background-color: #f08aeb;
}
table#ülesanne tr:nth-child(1) td:nth-child(3){
    background-color: #e07ad6;
}
table#ülesanne tr:nth-child(2) td:nth-child(1){
    background-color: #d16bc2;
}
table#ülesanne tr:nth-child(2) td:nth-child(2){
    background-color: #c25cad;
}
table#ülesanne tr:nth-child(3) td:nth-child(1){
    background-color: #b24c99;
}
table#ülesanne tr:nth-child(3) td:nth-child(2){
    background-color: #a33d85;
}
table#ülesanne tr:nth-child(4) td:nth-child(1){
    background-color: #942e70;
}
table#ülesanne tr:nth-child(4) td:nth-child(2){
    background-color: #851f5c;
}
table#ülesanne tr:nth-child(5) td:nth-child(1){
    background-color: #750f47;
}
table#ülesanne tr:nth-child(5) td:nth-child(2){
    background-color: #660033;
}
/******************Ülesanne 2*****************/
table#ülesanne2{
    width:26%;
    height: 180px;
    border-collapse: collapse;
}
table#ülesanne2 td{
    text-align:center;
}
table#ülesanne2 tr:nth-child(1) td:nth-child(1){
    background-color: #ffff00;
}
table#ülesanne2 tr:nth-child(2) td:nth-child(1){
    background-color: #e6f000;
}
table#ülesanne2 tr:nth-child(2) td:nth-child(2){
    background-color: #cce000;
}
table#ülesanne2 tr:nth-child(2) td:nth-child(3){
    background-color: #b2d100;
}
table#ülesanne2 tr:nth-child(3) td:nth-child(1){
    background-color: #99c200;
}
table#ülesanne2 tr:nth-child(3) td:nth-child(2){
    background-color: #80b200;
}
table#ülesanne2 tr:nth-child(3) td:nth-child(3){
    background-color: #66a300;
}
table#ülesanne2 tr:nth-child(4) td:nth-child(1){
    background-color: #4d9400;
}
table#ülesanne2 tr:nth-child(4) td:nth-child(2){
    background-color: #338500;
}
table#ülesanne2 tr:nth-child(5) td:nth-child(1){
    background-color: #197500;
}
table#ülesanne2 tr:nth-child(6) td:nth-child(1){
    background-color: #006600;
}
/******************Ülesanne 3*****************/
table#ülesanne3{
    border: 1pt solid black;
    width:50%;
    height: 300px;
    border-collapse: collapse;
}
table#ülesanne3 td{
    border: 1pt solid black;
    text-align:center;
}
table#ülesanne3 tr:nth-child(1) td:nth-child(1){
    background-color: #d9d9f0;
}
table#ülesanne3 tr:nth-child(1) td:nth-child(2){
    background-color: #bfbfe6;
}
table#ülesanne3 tr:nth-child(1) td:nth-child(3){
    background-color: #a6a6db;
}
table#ülesanne3 tr:nth-child(1) td:nth-child(4){
    background-color: #8c8cd1;
}
table#ülesanne3 tr:nth-child(2) td:nth-child(1){
    background-color: #7373c7;
}
table#ülesanne3 tr:nth-child(3) td:nth-child(1){
    background-color: #5959bd;
}
table#ülesanne3 tr:nth-child(3) td:nth-child(2){
    background-color: #4040b2;
}
table#ülesanne3 tr:nth-child(3) td:nth-child(3){
    background-color:  #2626a8;
}
table#ülesanne3 tr:nth-child(4) td:nth-child(1){
    background-color: #4d1fb8;
}
table#ülesanne3 tr:nth-child(4) td:nth-child(2){
    background-color: #6629c2;
}
table#ülesanne3 tr:nth-child(5) td:nth-child(1){
    background-color: #8033cc;
}
table#ülesanne3 tr:nth-child(5) td:nth-child(2){
    background-color: #993dd6;
}
table#ülesanne3 tr:nth-child(6) td:nth-child(1){
    background-color: #b247e0;
}
table#ülesanne3 tr:nth-child(6) td:nth-child(2){
    background-color: #d957f0;
}
table#ülesanne3 tr:nth-child(6) td:nth-child(3){
    background-color: #f261fa;
}
/******************Ülesanne 4*****************/
table#ülesanne4{
    width:65%;
    height: 275px;
    border-collapse: collapse;
}
table#ülesanne4 td{
    text-align:center;
}
table#ülesanne4 tr:nth-child(1) td:nth-child(1){
    background-color: #bfbfbf;
}
table#ülesanne4 tr:nth-child(1) td:nth-child(3){
    background-color: #a6a6a6;
}
table#ülesanne4 tr:nth-child(2) td:nth-child(2){
    background-color:  #8c8c8c;
}
table#ülesanne4 tr:nth-child(2) td:nth-child(4){
    background-color: #737373;
}
table#ülesanne4 tr:nth-child(3) td:nth-child(2){
    background-color: #4d4d4d;
}
table#ülesanne4 tr:nth-child(4) td:nth-child(1){
    background-color:  #333333;
}
table#ülesanne4 tr:nth-child(4) td:nth-child(3){
    background-color: #191919;
}
table#ülesanne4 tr:nth-child(5) td:nth-child(1){
    background-color: #0d0d0d;
}
table#ülesanne4 tr:nth-child(5) td:nth-child(3){
    background-color: #000000;
}
div#osa1{
    display: inline-block;
    width: 20%;
    padding: 2%;
}
div#osa2{
    display: inline-block;
    width: 40%;
    padding: 2%;
}
div#osa3{
    display: inline-block;
    width: 20%;
    padding: 2%;
}
div#osa4{
    display: inline-block;
    width: 40%;
    padding: 2%;
}