How to remove automatically applied background color to the body?

I'm working on a Covid-19 tracking web app and utilizing chartJS to display data from an API. Applied background color to * in CSS but somehow there are empty spaces around the Canvas. I inspected it on Chrome, and somehow background color of white is applied to the body, which I never wrote. How to remove this automatically applied background color? Thank you in advance. :)

JS CODE

var ctx = document.getElementById('myChart').getContext('2d');
    let myChart = new Chart(ctx, {
      type: 'line',
      data: {
        labels: date,
        datasets: [
          {
            label: 'Total',
            data: total,
            borderColor: '#cf0000',
            fill: false,
          },
          {
            label: 'Recovered',
            data: recovered,
            borderColor: '#4ca1a3',
            fill: false,
          },
          {
            label: 'Deaths',
            data: deaths,
            borderColor: '#907fa4',
            fill: false,
          },

HTML CODE

 <div class="container">
        <h1 class="text-center mt-3 heading">COVID-19 Tracker</h1>
        <canvas id="myChart"></canvas>
    </div>

CSS

    * {
    margin: 0;
    padding: 0;
    background-color: #e7d4b5;
}