@charset "UTF-8";

@media (prefers-color-scheme: dark) {

    table thead,
    table tbody {
        border: #888888 solid 2px;
    }

    table thead tr th:nth-child(1),
    table tbody tr td:nth-child(2) {
        border-right: #888888 solid 2px;
    }

    table thead tr,
    table tbody tr,
    table thead tr th,
    table tbody tr td {
        border: #888888 solid 1px;
    }
}

@media (prefers-color-scheme: light) {

    table thead,
    table tbody {
        border: #888888 solid 2px;
    }

    table thead tr th:nth-child(1),
    table tbody tr td:nth-child(2) {
        border-right: #888888 solid 2px;
    }

    table thead tr,
    table tbody tr,
    table thead tr th,
    table tbody tr td {
        border: #888888 solid 1px;
    }
}

table {
    width: 100%;
    border-collapse: collapse;

}

table caption {
    color: #999999;
    caption-side: bottom;
}

table thead tr th {
    text-align: center;
}

table tbody tr td {
    height: 60px;
}

table tbody tr td:nth-child(1) {
    width: 40px;
    vertical-align: middle;
    text-align: center;
}

table tbody tr td:nth-child(2) {
    width: 170px;
    text-align: center;
}

table tbody tr td:nth-child(3) {
    padding: 10px;
}

table thead tr {
    background: #a0a0a020;
}

table tbody tr:nth-child(1) {
    background: #ffff0020;
}

table tbody tr:nth-child(2) {
    background: #ff880020;
}

table tbody tr:nth-child(3) {
    background: #ff000020;
}

:root {
    --measureLebelFirst: #ffaa00;
    --measureLebelSecond: #ff4400;
    --measureLebelThird: #ff0000;

}
@media screen and (max-width: 390px) {
    table {
        font-size: 90%;
    }
    table caption {
        letter-spacing: 0.5em;
    }
}