message: updated Text section (content and UI)
diff: <meta name="author" content="https://github.com/gitbrent">
  <meta name="website" content="https://github.com/gitbrent/PptxGenJS/">
  <meta name="version" content="3.6.0">
  - <meta name="updated" content="2021-04-04">
  + <meta name="updated" content="2021-04-26">
  <link rel="icon" href="images/favicon-32x32.png" sizes="32x32" type="image/png">
  <link rel="icon" href="images/favicon-16x16.png" sizes="16x16" type="image/png">
  <link rel="icon" href="images/favicon.png">
  <p>
  View the <a href="https://gitbrent.github.io/PptxGenJS/docs/api-text.html" target="_blank">text documentation</a> for full details and examples
  </p>
  - <div class="card-deck mb-4">
  - <div class="card">
  - <h6 class="card-header">Alignment &amp; Location</h6>
  + <div class="d-flex flex-wrap mb-4">
  + <div class="card mr-4 mb-4 flex-grow-1">
  + <h6 class="card-header">Alignment, Location, Sub/Super Script</h6>
  <div class="card-body">
  <div>Slide 1</div>
  <div>- Text alignment</div>
  <div>- Sub/Super Script</div>
  </div>
  </div>
  - <div class="card">
  - <h6 class="card-header">Text Formatting</h6>
  + <div class="card mr-4 mb-4 flex-grow-1">
  + <h6 class="card-header">Formatting, Line Breaks, Line Spacing</h6>
  <div class="card-body">
  <div>Slide 2</div>
  <div>- Text Formatting</div>
  <div>- Line Spacing</div>
  </div>
  </div>
  - <div class="card">
  - <h6 class="card-header">Bullets &amp; Indent</h6>
  + <div class="card mr-4 mb-4 flex-grow-1">
  + <h6 class="card-header">Bullets: Styles, Shapes, Indent</h6>
  <div class="card-body">
  <div>Slide 3</div>
  <div>- Indent-Levels</div>
  <div>- Custom Shapes</div>
  </div>
  </div>
  - <div class="card">
  - <h6 class="card-header">Hyperlinks, Tabs, Effects</h6>
  + <div class="card mr-4 mb-4 flex-grow-1">
  + <h6 class="card-header">Hyperlinks, Tab Stops, Text Effects</h6>
  <div class="card-body">
  <div>Slide 4</div>
  <div>- Hyperlinks</div>
  <div>- Text Effects: Outline, Glow, Shadow</div>
  </div>
  </div>
  - <div class="card">
  + <div class="card mr-4 mb-4 flex-grow-1">
  <h6 class="card-header">Fit: Resize &amp; Shrink</h6>
  <div class="card-body">
  <div>Slide 5</div>
  <div>- Shrink</div>
  </div>
  </div>
  - <div class="card">
  - <h6 class="card-header">Scheme Colors</h6>
  + <div class="card mr-4 mb-4 flex-grow-1">
  + <h6 class="card-header">Text/Background Scheme Colors</h6>
  <div class="card-body">
  <div>Slide 6</div>
  <div>- Scheme Colors</div>
  