message: Moved inline styles to style tag
diff: <head>
  <meta charset="UTF-8">
  <title>About Symphony</title>
  + <style>
  + html, body {
  + margin: 0;
  + height: 100%;
  + font-family: sans-serif;
  + }
  + .name {
  + flex: 1;
  + font-size: 1.3em;
  + padding: 10px;
  + font-weight: bold;
  + }
  +
  + .version-text {
  + flex: 1;
  + font-size: 1em;
  + color: #2f2f2f;
  + }
  +
  + .copyright-text {
  + flex: 1;
  + padding: 10px;
  + font-size: 0.6em;
  + color: #7f7f7f;
  + }
  +
  + .content {
  + text-align: center;
  + display: flex;
  + flex-direction: column;
  + padding-top: 20px
  + }
  +
  + .logo {
  + margin: auto;
  + }
  + </style>
  </head>
  -<body style="margin: 0; height: 100%; font-family: sans-serif;">
  -<div class="content" style="text-align: center; display: flex; flex-direction: column; padding-top: 20px">
  - <img class="logo" src="symphony-logo.png" style="margin: auto;">
  - <span id="app-name" class="name" style="flex: 1; font-size: 1.3em; padding: 10px; font-weight: bold;">Symphony</span>
  - <span id="version" class="version-text" style="flex: 1; font-size: 1em; color: #2f2f2f;"></span>
  - <span id="copyright" class="copyright-text" style="flex: 1; padding: 10px; font-size: 0.6em; color: #7f7f7f;"></span>
  +<body>
  +<div class="content">
  + <img class="logo" src="symphony-logo.png">
  + <span id="app-name" class="name">Symphony</span>
  + <span id="version" class="version-text"></span>
  + <span id="copyright" class="copyright-text"></span>
  </div>
  </body>
  </html>
  