
.table {
    --box-color: #a0a0a0;
    --primary-color: #5f74ff;
    --table-background: #e4e4f0;
    --box-border: 1px solid #7d7d7d;

    border: var(--box-border);
    display: block;

    header {
        color: var(--primary-color);
    }

    header > .row,
    main > .row {
        background: var(--table-background);
        display: flex;
        width: 100%;
        line-height: 3em;
        border-bottom: var(--box-border);

         .cell {
            padding: 0 15px;
        }
    }
    main > .row {
        &:last-child {
            border-bottom: 0;
        }
    }
}