html, body {
      height: 100%;
      margin: 0;
      padding: 0;
    }
    body {
      font-family: Arial, sans-serif;
      display: flex;
      flex-direction: column;
      align-items: center;
      margin: 0 12px 0 12px;
      background-color: rgb(250,250,250);
      box-sizing: border-box;
    }
    h1 {
      margin: 20px 0 20px 0;
      text-align: center;
      color: rgb(80,80,80);
    }
    .chart-container {
      width: 100%;
      max-width: 1000px;
      height: calc(100vh - 12px*2 - 40px - 1.5em - 10px); 
    }
    canvas {
      width: 100%;
      height: 100%;
      display: block;
    }