body {
    font-family: Arial, sans-serif;
    background-color: rgb(87, 0, 0);
    
}

table {
 border-collapse: collapse;
    margin-bottom: 1em;
    width: 100%;
    color: #fff;
    max-width: 1800px;
    
}
tr:nth-child(odd) {
    background-color: rgb(131, 19, 19);
}

tr {
 font-style: bold;

}

tr:nth-child(even) {
    background-color: rgba(184, 73, 73, 0.671);
    
}

th {
 text-align: left;
  border-bottom: 2px solid #000000;
 
}

td, th {
 padding:0.2em;
}

@media (max-width: 1200px) {
    th,
    tr:first-child {
        display: none;
    }
    table, tbody, tr, td {
        display: block;
    }
    body {
        font-size: 110%;
    }
    td:first-child,
    td:nth-child(n+9) {
        font-weight: bold;
    }
    td {padding: 0;}
    tr {padding: 0.2em;
    position: relative;}
}

td:last-child {
    position: absolute;
    top: 0.2rem;
    right: 0.2rem;
    font-size: 150%;
    opacity: 0.5;
}

td:nth-child(5),
td:nth-child(6),
td:nth-child(7){
    display: inline;
}
td:nth-child(3)::after {
    content: " v";
}
td:nth-child(9)::before {
    content: "1) ";
}
td:nth-child(10)::before {
    content: "2) ";
}
td:nth-child(11)::before {
    content: "3) ";
}
td:nth-child(5)::after,
td:nth-child(6)::after {
    content: ",";
}