<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, minimum-scale=1, initial-scale=1, user-scalable=yes">

    <title>vip-aersia-player</title>
    <meta name="description" content="vip-aersia-player description">

    <!-- See https://goo.gl/OOhYW5 -->
    <link rel="manifest" href="/manifest.json">

    <script src="bower_components/webcomponentsjs/webcomponents-loader.js"></script>

    <link rel="import" href="src/vip-aersia-player-app/vip-aersia-player-app.html">

    <custom-style>
      <style is="custom-style">
        body {
          /* No margin on body so toolbar can span the screen */
          margin: 0;
        }
      </style>
    </custom-style>

  </head>
  <body>
    <vip-aersia-player-app></vip-aersia-player-app>
  </body>
</html>

<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, minimum-scale=1, initial-scale=1, user-scalable=yes">

    <title>vip-aersia-player</title>
    <meta name="description" content="vip-aersia-player description">

    <!-- See https://goo.gl/OOhYW5 -->
    <link rel="manifest" href="/manifest.json">

    <script src="bower_components/webcomponentsjs/webcomponents-loader.js"></script>

    <link rel="import" href="src/vip-aersia-player-app/vip-aersia-player-app.html">
  </head>
  <body>
    <custom-style>
      <style is="custom-style">
        body {
          /* No margin on body so toolbar can span the screen */
          margin: 0;
        }
      </style>
    </custom-style>
    <vip-aersia-player-app></vip-aersia-player-app>
  </body>
</html>

Move "custom-style" element from head to body
Move "custom-style" element from head to body
