Как стилизовать таблицу?

Всем доброго времени суток. Пожалуйста, помогите HTML / CSS-новичку стилизовать таблицу так, чтобы она выглядела, как на макете.

Не понимаю, куда поместить свойства (возможно, это не все): margin: 20.65% (поля вне таблицы) background: #01002c

И как замостить этим #01002c всю оставшуюся ширину страницы.

Мой код HTML выглядит так:

<table class="invisible_table">
<thead>
<tr>
    <th>01</th>
    <th>02</th>
    <th>03</th>
</tr>
</thead>
<tfoot>
<tr>
    <td>divider</td>
    <td>divider</td>
    <td>divider</td>
</tr>
</tfoot>
<tbody>
<tr>
    <td>Экономично</td>
    <td>Удобно</td>
    <td>Быстро</td>
</tr>
<tr>
    <td>Сокращайте пробег машин и износ механизмов, выстраивая эффективные логистические маршруты онлайн. Проводите «голландский аукцион» о вывозе твердых бытовых отходов и минимизируйте издержки на 42%.</td>
    <td>Работайте с интуитивно понятным интерфейсом и публикуйте объявления об излишках вторсырья или его недостатке за 40 секунд. Получайте актуальные объявления из множества источников с помощью бота Telegram.</td>
    <td>Используйте преимущества экономики сиюминутного спроса и избавляйтесь от ненужных материалов в течение 5-7 часов после публикации задания. </td>
</tr>
</tbody>

Мой код CSS выглядит так:

table.invisible_table {
font-family: "Trebuchet MS", Helvetica, sans-serif;
border: 1px solid #01002C;
background-color: #FFFFFF;
width: 100%;
height: 200%;
text-align: left;
border-collapse: collapse;
margin: 100px;
}
table.invisible_table td, table.invisible_table th {
  border: 0px solid #FFFFFF;
  padding: 0px 0px;
}
table.invisible_table tbody td {
  font-size: 14px;
  color: #01002C;
}
table.invisible_table tr:nth-child(even) {
  background: #FFFFFF;
}
table.invisible_table td:nth-child(even) {
  background: #FFFFFF;
}