/* tabelStyle.css - Parandatud kujundus */

/* Üldine keha kujundus */
body {
    font-family: Arial, sans-serif;
    margin: 20px;
    background-color: #f8f9fa;
}

h1 {
    text-align: center;
    color: #333;
    margin-bottom: 30px;
}

caption {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
    color: #444;
}

/* ========== LIHTNE TABEL ========== */
#Lihtne {
    width: 60%;
    border: 1px black solid;
    height: 200px;
    border-collapse: collapse;
    margin: 20px auto;
}

#Lihtne td {
    border: 1px solid black;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    padding: 10px;
}

#Lihtne tr:nth-child(1) td:nth-child(1) {
    background-color: brown;
}

#Lihtne tr:nth-child(1) td:nth-child(2) {
    background-color: rosybrown;
}

#Lihtne tr:nth-child(2) td:nth-child(1) {
    background-color: mistyrose;
}

#Lihtne tr:nth-child(2) td:nth-child(2) {
    background-color: lightpink;
}

/* ========== MEEDIUM TABEL ========== */
#Meedium {
    width: 40%;
    border: 1px black solid;
    height: 150px;
    border-collapse: collapse;
    margin: 20px auto;
}

#Meedium td {
    border: 1px solid black;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    padding: 10px;
}

#Meedium tr:nth-child(1) td:nth-child(1) {
    background-color: aqua;
}

#Meedium tr:nth-child(1) td:nth-child(2) {
    background-color: green;
}

#Meedium tr:nth-child(2) td:nth-child(1) {
    background-color: navajowhite;
}

#Meedium tr:nth-child(2) td:nth-child(2) {
    background-color: green;
}

/* ========== LÕPP TABEL ========== */
#Lõpp {
    width: 60%;
    border: 1px black solid;
    height: 200px;
    border-collapse: collapse;
    margin: 20px auto;
}

#Lõpp td {
    border: 1px solid black;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    padding: 8px;
}

#Lõpp tr:nth-child(1) td:nth-child(1) {
    background-color: brown;
}

#Lõpp tr:nth-child(1) td:nth-child(2) {
    background-color: rosybrown;
}

#Lõpp tr:nth-child(2) td:nth-child(1) {
    background-color: purple;
}

#Lõpp tr:nth-child(2) td:nth-child(2) {
    background-color: cadetblue;
}

#Lõpp tr:nth-child(2) td:nth-child(3) {
    background-color: hotpink;
}

#Lõpp tr:nth-child(2) td:nth-child(4) {
    background-color: orange;
}

#Lõpp tr:nth-child(3) td:nth-child(1) {
    background-color: deeppink;
}

#Lõpp tr:nth-child(3) td:nth-child(2) {
    background-color: forestgreen;
}

#Lõpp tr:nth-child(4) td:nth-child(1) {
    background-color: red;
}




/* ========== LÕPP TABEL ========== */
#CustomTabel {
    width: 60%;
    border: 1px black solid;
    height: 200px;
    border-collapse: collapse;
    margin: 20px auto;
}

#CustomTabel td {
    border: 1px solid black;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    padding: 8px;
}

#CustomTabel tr:nth-child(1) td:nth-child(1) {
    background-color: brown;
}

#CustomTabel tr:nth-child(1) td:nth-child(2) {
    background-color: rosybrown;
}

#CustomTabel tr:nth-child(1) td:nth-child(3) {
    background-color: yellow;
}

#CustomTabel tr:nth-child(2) td:nth-child(2) {
    background-color: cadetblue;
}

#CustomTabel tr:nth-child(2) td:nth-child(3) {
    background-color: hotpink;
}

#CustomTabel tr:nth-child(2) td:nth-child(4) {
    background-color: orange;
}

#CustomTabel tr:nth-child(3) td:nth-child(1) {
    background-color: deeppink;
}

#CustomTabel tr:nth-child(3) td:nth-child(2) {
    background-color: forestgreen;
}

#CustomTabel tr:nth-child(4) td:nth-child(1) {
    background-color: deepskyblue;
}