ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #333;
}

li {
    float: left;
}

li a {
    display: block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

/* Change the link color to #111 (black) on hover */
li a:hover {
    background-color: #111;
}
/*-------------------------Tabelid--------------------------------------*/
table{
    width: 40%; /*40% ekraani laiust*/
    height: 200px;
    border: 1pt solid red;
}
td{
    border: 1pt solid red;
    text-align: center; /*выравнивание текста*/
}
/*1.rida 1.lahter*/
#tabel1 tr:nth-child(1) td:nth-child(1){
    background-color: olive;
}
/*1.rida 2.lahter*/
#tabel1 tr:nth-child(1) td:nth-child(2){
    background-color: gold;
}

/*2.rida 1.lahter*/
#tabel1 tr:nth-child(2) td:nth-child(1){
    background-color: green;
}
/*2.rida 2.lahter*/
#tabel1 tr:nth-child(2) td:nth-child(2){
    background-color: red;
}
/*-----------------------canvas---------------*/
#window{

    background-color: khaki;
}
input[type=button]{
    padding: 20px 30px;
    border: 0;
    background-color: coral;
    color: white;

}
input[type=button]:hover{
    background-color: khaki;
}
/*-----------------------section------------------*/
section{
    border: 1pt solid grey;
    margin: 3%;
    width: 40%;

    border-radius:60px;
    padding:1%;

}
/*------------------lipud--------------------*/
#eesti{
    width: 330px;
    height: 210px;
    border: 1pt solid grey;
    border-spacing: 0;
    position: absolute;
    top: 335px;
    left: 350px
}

#eesti tr:nth-child(1) {  /*ذ¾ذ±ر€ذ°ر‰ذµذ½ذ¸ذµ ذ؛ رچذ»ذµذ¼ذµذ½ر‚ذ°ذ¼ ذ؟ذ¾ ذ¾ر‚ذ´ذµذ»رŒذ½ذ¾رپر‚ذ¸ 1,2,3 */
    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: 1pt solid grey;
    border-spacing: 0; /*ر€ذ°رپرپر‚ذ¾رڈذ½ذ¸ذµ ذ¼ذµذ¶ذ´رƒ رپر‚ر€ذ¾ذ؛ذ°ذ¼ذ¸*/
    position: absolute;
    top:335px;
    left: 690px
}

/*1 رپر‚ر€ذ¾ذ؛ذ° 1 رڈر‡ذµذ¹ذ؛ذ°   tr- رپر‚ر€ذ¾ذ؛ذ°' td -رڈر‡ذµذ¹ذ؛ذ°*/
#rootsi tr:nth-child(1)  td:nth-child(1),
#rootsi tr:nth-child(3)  td:nth-child(1)
{
    background-color: blue;
    width: 28%;
}
#rootsi tr:nth-child(1)  td:nth-child(1),
#rootsi tr:nth-child(1)  td:nth-child(3),
#rootsi tr:nth-child(3)  td:nth-child(3) {
    background-color: blue;
}

#rootsi tr:nth-child(1)  td:nth-child(2),
#rootsi tr:nth-child(3)  td:nth-child(2) {
    background-color: gold;
    width: 13%;
}
#rootsi tr:nth-child(2){
    background-color: gold;
    height: 20%;
}


#mali{
    width: 330px;
    height: 210px;
    border: 1pt solid grey;
    border-spacing: 0;/*ر€ذ°رپرپر‚ذ¾رڈذ½ذ¸ذµ ذ¼ذµذ¶ذ´رƒ رپر‚ر€ذ¾ذ؛ذ°ذ¼ذ¸*/
    position: absolute;
    top: 564px;
    left: 350px
}

#mali tr:nth-child(1) {  /*ذ¾ذ±ر€ذ°ر‰ذµذ½ذ¸ذµ ذ؛ رچذ»ذµذ¼ذµذ½ر‚ذ°ذ¼ ذ؟ذ¾ ذ¾ر‚ذ´ذµذ»رŒذ½ذ¾رپر‚ذ¸ 1,2,3 */
    background-color: darkgreen;
}
#mali tr:nth-child(2) {
    background-color: goldenrod;
}
#mali tr:nth-child(3) {
    background-color: red;
}

#taani {
    width: 330px;
    height: 210px;
    border: 1pt solid grey;
    border-spacing: 0; /*ر€ذ°رپرپر‚ذ¾رڈذ½ذ¸ذµ ذ¼ذµذ¶ذ´رƒ رپر‚ر€ذ¾ذ؛ذ°ذ¼ذ¸*/
}

/*1 رپر‚ر€ذ¾ذ؛ذ° 1 رڈر‡ذµذ¹ذ؛ذ°   tr- رپر‚ر€ذ¾ذ؛ذ°' td -رڈر‡ذµذ¹ذ؛ذ°*/
#taani tr:nth-child(1)  td:nth-child(1),
#taani tr:nth-child(3)  td:nth-child(1)
{
    background-color: red;
    width: 28%;
}
#taani tr:nth-child(1)  td:nth-child(1),
#taani tr:nth-child(1)  td:nth-child(3),
#taani tr:nth-child(3)  td:nth-child(3) {
    background-color: red;
}

#taani tr:nth-child(1)  td:nth-child(2),
#taani tr:nth-child(3)  td:nth-child(2) {
    background-color: white;
    width: 13%;
}
#taani tr:nth-child(2) {
    background-color: white;
    height: 20%
}

#leedu{
    width: 330px;
    height: 210px;
    border: 1pt solid grey;
    border-spacing: 0;/*ر€ذ°رپرپر‚ذ¾رڈذ½ذ¸ذµ ذ¼ذµذ¶ذ´رƒ رپر‚ر€ذ¾ذ؛ذ°ذ¼ذ¸*/
}

#leedu tr:nth-child(1) {  /*ذ¾ذ±ر€ذ°ر‰ذµذ½ذ¸ذµ ذ؛ رچذ»ذµذ¼ذµذ½ر‚ذ°ذ¼ ذ؟ذ¾ ذ¾ر‚ذ´ذµذ»رŒذ½ذ¾رپر‚ذ¸ 1,2,3 */
    background-color: gold;
}
#leedu tr:nth-child(2) {
    background-color: darkgreen;
}
#leedu tr:nth-child(3) {
    background-color: #c41e3a ;
}