table {
    width: 100%;
    border-width: 0;
    border-collapse: collapse;
}
table thead {
    display: none;
}
table tr {
    color: var(--petrol);
}
table tr:nth-child(odd) {
    color: White;
    background-color: var(--petrol);
}
table td {
    display: block;
    padding: 0.5rem;
    text-align: center;
}
@media screen and (min-width: 40rem) {
    table {
        width: 40rem;
        margin-left: auto;
        margin-right: auto;
    }
    table td {
        display: table-cell;
        width: auto;
        text-align: left;
    }
}